CSS选择器优先级比较

CSS选择器中比较常见的有标签选择器、ID选择器、类选择器以及子选择器。而事实上，CSS选择器如果细分下来，竟然多达40多种。

 

那么当我们在碰到通过多种形式对同一个元素进行设置样式时的情况时，如果不进行测试，如何预测其最终结果呢？

 

以下是选择器的优先规则：

1、!important > id > class > 标签；

2、!important 比 内联优先级高；

3、当同时使用多个同种类型选择器的时候，样式以选择器定义的顺序为准，与在标签内的引用顺序无关；

4、当一个选择器多次对同一属性赋予不同值的时候，以最后载入的样式为准。