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

子选择器的权值

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

提问者:慕村5169120 2018-11-14 16:18

个回答

  • 慕移动9181930
    2022-03-27 02:20:48

    您好,8月9号更新第二章,谢谢关注,祝学习愉快!MVmodelecho'helloworld'

  • 慕神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标签内容为紫色。


  • 厂长打野
    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标签的子代