css的优先级

如何确定CSS的优先级？这里我们要先引入一个机制，分别用4个数字（a，b，c，d）表示优先级组合，比如1，1，1，1和0，1，0，1。它们的意思分别是：
 
❑第一个数字（a）表示style属性即行内样式，优先级最高。由于一般都是class样式，所以该值一般都是0。

❑第二个数字（b）是该CSS选择器上的id数量的总和，一般都是1个。
 
❑第三个数字（c）是指class（.btn）和属性CSS选择器（比如li[id=red]）等用在该CSS选择器上的其他属性CSS选择器以及伪类的总和。

❑第四个数字（d）是指标签（table、p、div等）和伪元素（:first-child等）。

❑通用CSS选择器（*）是0优先级。

❑如果两个CSS选择器有同样的优先级，在样式表中后面的那个起作用。


选择器         优先级
#nav h1       0 1 0 1
h1.title      0 0 1 1
h1+p          0 0 0 2


#nav li#first{ color:red;}
#nav li:first-child{ color:blue;}

这里第1个比第2个优先级高
第1个优先级是0 2（2个id选择器） 0 1
第2个优先级是0 1  0 2