子选择器的权值

来源:9-3 权值计算-特殊性

慕村5169120

2018-11-14 16:18

在本例中p>span的权值是多少

写回答 关注

4回答

  • 慕移动9181930
    2022-03-27 02:20:48
  • 慕神0307189
    2018-11-15 16:31:59

    我应该猜到了你的疑惑,你是不是认为
    .first{color:green;}/*因为权值高显示为绿色*/

    这行代码权值已经为10了,应该显示为绿色。

    其实是这样,例子中style 分两组:一组是针对<p>进行样式设置,如下:

    p{color:red;}
    .first{color:green;}/*因为权值高显示为绿色*/

    因为此时显然 类选择器的权值高,所以整段都是绿色;

    然后第二组是针对<span>进行样式设置,如下:

    span{color:pink;}/*设置为粉色*/
    p span{color:purple;} /*此处权值为1+1=2>1 */

    所以对于span来说,肯定选用权值为2的,故span标签内容为紫色。


    我会有猫的

    我刚刚好像说错了,是不是因为p和.first对span内容作用是继承,继承权值很低,所以选用了p span的颜色呀

    2018-12-09 23:28:53

    共 2 条回复 >

  • 厂长打野
    2018-11-15 09:33:29

    p和span都为1,所以p>span的积分可以简单理解为2

  • qq_我们长大了R2_cexGR4
    2018-11-14 17:05:30

    就是p标签里嵌入的span标签,也可以说span标签就是p标签的子代

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225811 学习 · 18234 问题

查看课程

相似问题