p.first{color:green;}与p .first{color:green;}为什么显示效果不同

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

YAMAKAWACHINA

2014-12-28 14:32

前者p与.first间无空格,后者有空格。经过试验的确效果不同,请问这是为什么?

写回答 关注

5回答

  • xiaogang
    2014-12-28 14:47:12
    已采纳

    因为它们是不同的选择器,无空格的表示:选择具有class为first的p标签,如匹配 <p class="first">abc</p>;

    而有空格的表示:选择p标签的后代元素里面具有class为first的标签,如匹配<p><span class="first"></span></p>中的span标签。

    hehe13...

    p.firrst是一个标签,而class后为类选择器,这时first不是类选择器; p .first .first是p标签下的子集, 这是.first是类选择器. 是不是这个意思呢? 这样理解对么。

    2015-05-08 09:52:50

    共 2 条回复 >

  • 东方月初
    2016-07-27 21:41:06

    谢谢了,我也懂了

  • 乐活小丁子
    2016-07-07 15:17:39

    谢谢你

  • Michael_O_O_
    2015-01-07 18:14:29

    也帮我解答了疑问,谢谢

  • Angel爱美丽
    2014-12-30 17:12:27

    上面回答很清楚!

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

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

1225806 学习 · 18234 问题

查看课程

相似问题