p.first{color:green;}
<p id="first"></p>这种是p.first。因为p定义了id为first,精确定位p元素采用了id选择器。
<p><span id="first"></span></p>这种是p .first。因为span为p的子元素,且id定义为first,采用的是后代选择器。
如p.first{color:green} 是表示 带有first类的p标签这一段变成绿色,这个时候第二段中的span class="first"因为不是p标签,所以不会受p.first的影响
再如把p.first改成span.first,则第二段中的span class="first"变化,而第一段中的p.first不会受影响
可多尝试