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

对答案有疑问

p span{color:purple}这个不是元素选择器吧,优先级是10*2怎么会大于.first{color:green}优先级是100,这个类选择器呢?


提问者:weixin_慕慕539896 2019-07-30 14:44

个回答

  • 陈一笑
    2019-10-18 23:20:35

    所以权值10为什么会被权值2覆盖呀

  • sdarks
    2019-07-30 14:54:30

    p span{color:purple}

    这是后代选择器,优先级是1+1=2,表示p标签里所有的span标签;

    .first{color:green}

    这是类选择器,优先级是10,代表的是所有class值为first的标签,譬如:

    <p clss="first">这是一个段落</p>

    至于100优先级的是id选择器,也就是:

    #first{color:red;}
    
    <p id="first">这是一个段落</p>