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

看图,为什么设置了p{color:red!important},第二段还有绿色文字

http://img.mukewang.com/56e7b71d0001154727961553.jpg

求解答~3k.u。

提问者:_格子 2016-03-15 15:21

个回答

  • 漫步人间
    2016-03-15 15:31:55
    已采纳

    important只是设置p标签的权重最高,而span继承p标签的权重很低,没有类选择器权重高,所以span里的文本是绿色的

  • 忆_卿
    2016-04-15 09:53:38

    首先,p{color:res!important;}和.first{}都作用于P标签,因为p{}有!important 所以字段全红,  但是.first{}不仅仅作用于P标签  还有span<>标签,这个时候 就近原则。

  • 西昆仑L
    2016-04-13 09:57:36

    你在.first加个p,span就可以继承p的属性

  • 慕函数4264828
    2016-03-15 15:28:32

    class的优先级高于标签的优先级