p{color:red;} /*权值为1*/p span{color:green;} /*权值为1+1=2*/.warning{color:white;} /*权值为10*/p span.warning{color:purple;} /*权值为1+1+10=12*/#footer .note p{color:yellow;} /*权值为100+10+1=111*/| CSS选择器 | 权值 |
|---|---|
| 标签选择器 | 1 |
| 类选择器 | 10 |
| ID选择器 | 100 |
| 内联样式 | 1000 |
| 伪元素(:first-child等) | 1 |
| 伪类(:link等) | 10 |
样式权值高的覆盖权值低的。
一般情况样式层级定位越多（定位越准确），相对权值越高，越不容易被覆盖。
内联样式为直接写在元素上的样式。权值最高。
内联CSS > 内嵌CSS > 外部CSS
一般情况下，标签选择器中的每个标签的权值都为1，类选择器中的每个类权值都是10，id选择器中的每个id的权值都是100，还有其它的权值情况在这里就不一 一说了。