CSS —— 优先级

选择器

1. 通配符选择器。（如 *）

2. 元素（标签）选择器。（如 h1）

3. 伪元素选择器。（如 ::before）

4. 类选择器。（.className）

5. 伪类选择器。（如 :hover）

6. 属性选择器。（如 [type="radio"]）

7. ID选择器。（#idName）

伪元素
    ::first-letter 向文本的第一个字母添加特殊样式
    ::first-line 向文本的首行添加特殊样式
    ::before 在元素之前添加内容
    ::after 在元素之后添加内容
伪类
    状态伪类，如
        :link
        :hover
        :active
        :visited
        :focus
    结构性伪类，如
        :first-child,
        :nth-child() → 如，:nth-child(odd) 选中奇数个， :nth-child(even) 选中偶数个，:nth-child(3n) 选中3的倍数行
        :empty

优先级

• 内联（行内）样式 > 内部样式表 > 外部样式表

• !important > 内联 > ID > 类 = 伪类 = 属性 > 元素 = 伪元素 > 通配符 > 浏览器自定义的或继承的

  • 权重说法需要注意的是，权重不能进位。有说法是ID -> 1000, 类 -> 100, 元素 -> 10等以数值表示一个选择器的权重来计算优先级，但是10个元素选择器越不过1个类标签。（PS：但是IE7及以下是可以的）
  • 逐级比较， 同级比较数量

@import 和 link 引入方式

• @import引用的资源，要在页面加载完之后才被加载
• link引用的资源，会被同时加载