CSS面试题（一）

一、CSS选择器的优先级是怎样的？

    1.标签选择器、伪元素选择器：1

    2.类选择器、伪类选择器、属性选择器：10

    3.id 选择器：100

    4.内联样式：1000

## 注意事项：

    1.!important 声明的样式的优先级最高；

    2.如果优先级相同，则最后出现的样式生效；

    3.继承得到的样式的优先级最低；

    4.通用选择器（*）、子选择器（>）和相邻同胞选择器（+）并不在这四个等级中，所以它们的权值都为 0 ；

    5.样式表的来源不同时，优先级顺序为：内联样式 > 内部样式 > 外部样式 > 浏览器用户自定义样式 > 浏览器默认样式。

二、link和@import的区别？

    1.link属于html标签，而@import是css提供的。

    2.页面被加载时，link会同时被加载，而@import引用的css会等到页面被加载完再加载的。

    3.兼容性问题：@import只在IE5以上才能识别，而link是html标签，无兼容性问题。

    4.权重问题:@import的权重要高于link。

    5.DOM操作:DOM可以操作link中的样式，而不可以操作@im