两者区别：加载顺序的差别。当一个页面被加载的时候，

link 引用的 CSS 会同时被加载，而@import 引用

的

CSS 会等到页面全部被下载完再被加载。@import 可以在 css 中再次引入其他样式表，比如可以创建一

个主样式表，在主样式表中再引入其他的样式表，如：

main.css

———————-

@import “sub1.css”;

@import “sub2.css”;

这样做有一个缺点，会对网站服务器产生过多的

HTTP 请求，以前是一个文件，而现在却是两个或更多文

件了，服务器的压力增大，浏览量大的网站还是谨慎使用。

4.

CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和 important 哪个优先级

高？



通配选择符

* { sRules }



类型选择符

E { sRules }

td { font-size:14px; width:120px; }



属性选择符

E [ attr ] { sRules }

E [ attr = value ] { sRules }

E [ attr ~= value ] { sRules }

E [ attr |= value ] { sRules }

h[title] { color: blue; }/* 所有具有 title 属性的 h 对象 */

span[class=demo] { color: red; }

div[speed="fast"][dorun="no"] { color: red; }

a[rel~="copyright"] { color:black; }



包含选择符

E1 E2 { sRules }

table td { font-size:14px; }



子对象选择符

E1 > E2 { sRules }

div ul>li p { font-size:14px; }



ID 选择符 #ID { sRules }



类选择符

E.className { sRules }



选择符分组

E1 , E2 , E3 { sRules }



伪类及伪对象选择符

E : Pseudo-Classes { sRules }

( Pseudo-Classes )[:link :hover :active :visited :focus :first-child :first :left :right :lang]

E : Pseudo-Elements { sRules }

( Pseudo-Elements )[:first-letter :first-line :before :after]

可以继承的有：

font-size font-family color

不可继承的一般有：

border padding margin background-color width height 等

============================

关于

CSS specificity

CSS 的 specificity 特性或称非凡性，它是衡量一个衡量 CSS 值优先级的一个标准，既然作为标准，就具