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

p.first{color:green;}为什么p和.first之间没有空格?

p.first{color:green;}

提问者:慕粉3648130 2016-07-12 23:47

个回答

  • qq_弥勒酱_
    2016-07-12 23:58:21
    已采纳

    <p id="first"></p>这种是p.first。因为p定义了id为first,精确定位p元素采用了id选择器。

    <p><span id="first"></span></p>这种是p .first。因为span为p的子元素,且id定义为first,采用的是后代选择器。

  • 慕粉3791758
    2016-08-10 19:50:03

    如p.first{color:green} 是表示 带有first类的p标签这一段变成绿色,这个时候第二段中的span class="first"因为不是p标签,所以不会受p.first的影响

     再如把p.first改成span.first,则第二段中的span class="first"变化,而第一段中的p.first不会受影响

    可多尝试