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

css样式权值

p span{color:purple;}的权值不是2吗,.first{color:green;}/*因为权值高显示为绿色*/的权值是10,为什么最后显示的不是绿色是紫色

提问者:_木头 2016-08-04 16:06

个回答

  • 把葫芦咬哭
    2016-09-02 16:10:43

    第一段里面的span有两个样式作用在它上面,第一个是继承的.first{color:green;},权值为0.1,第二个是p span{color:purple;},权值为2,所以最后是紫色。

  • 浅小唱3790623
    2016-08-10 18:36:54

    啊 忽然发现我弄错了颜色  说错了。。。。不好意思

  • 浅小唱3790623
    2016-08-10 18:33:44

    p span是包含(后代)选择器,只对后代元素有作用,即这里span。对后代元素<span></span>外的内容并无作用,所以显示了绿色。同时正是因为.first的权值大于p span,所以在<span></span>内类选择器覆盖了包含选择器,显示了紫色。

  • rsrg
    2016-08-04 16:29:01

    因为.first中的span为继承形式 权重只有0.1  所以span为紫色

  • 松shine
    2016-08-04 16:23:08

    span是在p标签内部的,越靠内部特权越多

  • 若流光似夏
    2016-08-04 16:19:05

    优先级问题:内联样式表的样式>内部样式>外部样式,span标签属于内联样式。

  • 慕粉3665125
    2016-08-04 16:15:14

    权限值应该指的是同一级标签优先级吧,span是不是下一级标签的样式?