p.first{color:green;}为什么只影响<p class="first">里面的字体颜色,而不影响<span class="first">里面字体的颜色?

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

怜怜

2018-03-04 02:33

p.first{color:green;}为什么只影响<p class="first">里面的字体颜色,而不影响<span class="first">里面字体的颜色?

 还有

p{color:red!important;}

p .first{color:green;}/*加空格*/

前面设置了最高权值,为什么“简单”还是会绿色?


写回答 关注

2回答

  • qq_紫色的薰衣草_0
    2018-07-17 16:08:15

    p.frist{color:green;} 表示的本就是class="first的p标签,也就是标签<p class="first”>,所以只影响标签里面的字体颜色。

    而<span class="first">跟p.frist{color:green;} 没有半毛钱关系,自然不影响。

    p .frist{color:green;} 加了空格后的意思是表示p标签中class="first“的子标签,跟<p>标签不属于同一层级,不看权重,p .frist{color:green;}已经定义其为绿色,便为绿色。

  • qq_zhenqiao_0
    2018-03-04 08:47:11

    p.first{color:green};

    不加空格是交集选择器,它只在p里面找有.first的元素。它和p .first/*加了空格的后代选择器还是有区别的*/

    p{color:red!important;}

    这样写没错啊,要不你在原文中再检查下(符号中英文输入什么的)


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

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

1226742 学习 · 18245 问题

查看课程

相似问题