css选择器的优先级

CSS选择器有很多种，如常用的类选择器，ID选择器，行级样式，交际选择器，伪类选择器等等，除此之外，外有一个通配符*，通配符应用范围最广，所以它的优先级是最低的，优先级最高的是！important过来是行内样式，ID选择器，类选择器。熟悉选择器优先级对以后做样式尤为重要。

选择器

1、ID选择器（唯一性，一个网页文件只能出现一次）

2、类选择器（一个网页文件可以重复使用）

3、后代选择器（有作用域之说）

4、子代选择器（如：div<p,单指儿子，不包括孙子）

5、交集选择器（如：div.box,div#box）

6、并集选择器（.box,.其他类名）

7、伪类选择器（.box:after,.box:before）

8、通配符（*，由于范围广，所以优先级较低）

9、标签选择器（p）

10、第一个孩子（div:first-child）

11、最后一个孩子(div:last-child)

12、div:nth-child()

13、！important(代表最重要的东西，优先级最高，但不推荐使用)