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

来源:9-4 为所欲为 - 选择器最高层级!important

_格子

2016-03-15 15:21

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

求解答~3k.u。

写回答 关注

4回答

  • 漫步人间
    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的优先级高于标签的优先级

    _格子

    应该不是这样吧,不然第一段也就应该是绿色

    2016-03-16 09:40:51

    共 1 条回复 >

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

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

1225806 学习 · 18234 问题

查看课程

相似问题