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

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

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

提问者:YAMAKAWACHINA 2014-12-28 14:32

个回答

  • 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标签。

  • 东方月初
    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

    上面回答很清楚!