问答详情
源自:9-4 为所欲为 - 选择器最高层级!important

权值的问题

*{color:red;}

p{color:green;}

<p>你<span>好</span></p>

通用选择器的权值是0,继承的权值是0.1。“好”字不是应该显示为green吗?

提问者:夜半1 2016-04-05 21:46

个回答

  • 阮肥
    2016-05-05 15:26:51

    多个选择符应用与同一个元素时,权值高的优先显示;由继续而得到的样式没有权值的计算,它低于一切其他规则,如通用选择符*。

  • 忆_卿
    2016-04-14 18:31:37

    首先,p{}比*{}权值大 所以 显示绿色,但是<span>属于继承p标签的样式,而且继承的权值是最小的,所以他会显示成红色 

  • little_jian_7
    2016-04-07 20:51:26

    “好”字要显示green属于继承p标签的样式,而继承是最低权值的。因此如果有另外的样式对比,肯定不会继承,所以好字显示red

  • 继续努力的小楠
    2016-04-05 22:06:58

    *是匹配html中所有标签元素,它包括span,这样看来其实不用权值也能比较,span比p离的更近

  • zhangli1030
    2016-04-05 21:50:35

    *的级别比p 要搞一些额

    你想<span>为GREEN要写出来的额