慕莱坞0279724
2020-03-05 16:00
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,还有其它的权值情况在这里就不一 一说了。
初识HTML(5)+CSS(3)-升级版
1225317 学习 · 18230 问题
相似问题