问答详情
源自:9-3 权值计算-特殊性

CSS样式中权限值的计算

p span{color:purple;}这个权限值是不是2? p>span{color:purple;}这个权限值是不是还是2? .first>span{color:purple;}这个权限值是不是11? 请大神指点一下

提问者:曾经过的雨 2017-03-29 15:58

个回答

  • 白色考拉
    2017-03-29 16:18:39
    已采纳

    p和span 都是标签元素,标签元素权值为1,所以p span{color:purple;} 权值为1+1=2, >的权值为0 ,.first类选择器的权值为10 , 所以,p>span{color:purple;}权值为2, .first>span{color:purple;}权值为11。

  • 寒风彻
    2017-03-29 16:12:32

    是这样的

  • 慕粉1554206971
    2017-03-29 16:12:26

    内联样式表的权值最高 1000
     ID 选择器的权值为 100
    Class 类选择器的权值为 10
    HTML 标签选择器的权值为 1

    p span{color:purple;}是两个html标签选择器,所以权值1+1=2,p>span应该也是2,

    .first>span{color:purple;}中有一个class类和一个html标签,所以是10+1=11

    权值就是对照权值表将出现的选择器各个权值相加,如#first>span就是100+1=101

    class类可以多个,假设#first .second就是100+10=110,我理解的就是这样了,

    理解不透彻可以在百度上找多个人的说法总结一下。而且我记得这个权值计算在前面9-2小节有说过。

  • 慕工程2734269
    2017-03-29 16:11:41

    class和id计算为10和100其余按1算。

  • 复活的艾斯丶
    2017-03-29 16:10:55

    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,所以可以理解为继承的权值最低。


  • qq_兲迯飛佡_03345636
    2017-03-29 16:09:46

    根据课堂上的介绍,您的回答没有问题.p span{color:purple;} 权限2

    p>span{color:purple;} 权限2 

    .first>span{color:purple;}权限为10+1=11