问答详情
源自:8-6 捡了一个儿子 - 子选择器

选择器优先级的问题

http://img.mukewang.com/58cd40180001591609480566.jpg


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

提问者:慕斯卡1050067 2017-03-18 22:13

个回答

  • 慕粉3914043
    2017-03-18 23:12:58
    已采纳

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

  • 请说实话
    2017-03-18 22:50:05

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

  • 笑邪
    2017-03-18 22:45:00

    http://img.mukewang.com/58cd47af000119c203780312.jpg

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