为了账号安全,请及时绑定邮箱和手机立即绑定

选择器优先级的问题

http://img1.sycdn.imooc.com//58cd40180001591609480566.jpg


如图,想知道为什么第二个方框显示的是子选择器的样式而不是类选择器的样式???

正在回答

3 回答

可能是类选择器权值为10,而包含的是类+包含,具体包含权值多少我也不知道,你可以搜一下,总之就是10+的意思吧

0 回复 有任何疑惑可以回复我~
#1

慕斯卡1050067 提问者

非常感谢!
2017-03-19 回复 有任何疑惑可以回复我~

特殊性:
标签的权值为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

0 回复 有任何疑惑可以回复我~

http://img1.sycdn.imooc.com//58cd47af000119c203780312.jpg

应该是权值的问题吧,显示权值更高的样式。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1225772    人
  • 解答问题       18234    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

选择器优先级的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信