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

p>span与.first

p span{}权值不是2吗?那.first的权值是10比2高,为什么结果显示的是p span{}设置的紫色

提问者:AI球球 2016-04-21 11:08

个回答

  • qq_浅浅五月_03234958
    2016-04-22 20:09:24
    已采纳

    p span{}本身的权值确实是2,但是.first对<span>胆小如鼠</sapn>这四个字的影响力只有继承的权值,为0.1。

    所以2>0.1

  • MeMefi
    2016-04-21 11:21:26

    显示颜色并不仅仅看权值的。根据具体情况判断的。

    浏览器根据权值来判断使用哪种css样式。权值高的就用哪种css样式

    标签的权值为1,类选择符的权值为10,id选择符的权值为100

    当权值相同时,层叠解决。层叠式在html文件中允许同一个元素有多个css样式存在。当有相同权重的样式存在时,会根据这些css样式的前后顺序决定,处于最后的css样式会被应用。

    css样式的优先级为 内联样式表(标签内部)>嵌入样式表(当前文件中)>外部样式表(外部文件中)

    当想忽略权值进行设置css样式时,使用重要性解决P{color :red!important;}

    样式优先级为:浏览器默认的样式<网页制作者的样式《用户自己设置的样式


  • qq_封中追风_03228532
    2016-04-21 11:20:29

    p span是子选择器,权限值不是2吧

  • IT商业精英
    2016-04-21 11:20:01

    最高权值是100,而且选取的是就近原则

  • IT商业精英
    2016-04-21 11:19:04

    因为选取的是就近原则