

<p class="first">亲贤臣,远小人,<span>此先汉</span>之所以兴隆也;亲小人,远贤臣,此后汉之所以<span>倾颓</span>也。</p>
.first>span{border:2px solid red;}
简单的来说意思为作用在第一个first下的所有span元素
<p class="first">亲贤臣,远小人,<span>此先汉<span>之所以兴隆也;亲小人,远贤臣,此后汉之所以</span>倾颓</span>也。</p>
这节课是这样的,嵌套里“此先汉”开始为第一代,“之所以”开始是第二代。
整句话比喻成妈妈,肚子里有个孩子“之所以兴隆也;亲小人,远贤臣,此后汉之所以”,这就是二代。
子元素选择器作用的是特定元素的第一代子元素,而不是第一个。
<span>此先汉</span> 和 <span>倾颓</span> 都是p元素的第一代span元素,所有都能作用到。
没有呀 上面最后一句就是我写的全部了
我觉得是这样的:<span>标签包含在<p>标签,是<p>的第一代后代,> 并不是作用于一个元素的。
而空格是指作用于所有后代,就是你的<span>标签里可能还有别的标签。
8-7有说明
>作用于元素的第一代后代,空格作用于元素的所有后代。
子选择器并非作用于第一个子元素,而是作用于第一代,不止一个。