慕斯卡1050067
2017-03-18 22:13
如图,想知道为什么第二个方框显示的是子选择器的样式而不是类选择器的样式???
可能是类选择器权值为10,而包含的是类+包含,具体包含权值多少我也不知道,你可以搜一下,总之就是10+的意思吧
特殊性:
标签的权值为1,类选择符的权值为10,
ID选择符的权值最高为100。例如下面的代码:
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*/
注意:还有一个权值比较特殊--继承也有权值但很低,
有的文献提出它只有0.1,所以可以理解为继承的权值最低。
权值越高,就会被应用。
同理,.first>span 的权值大于 .blue类的权值,所以使用.first>span
应该是权值的问题吧,显示权值更高的样式。
初识HTML(5)+CSS(3)-升级版
1226114 学习 · 18236 问题
相似问题