你使用包含选择器选中了span标签里面的元素，死一段文字就不会有划线

如图，只对所有<li>奏效

.first span{border:1px solid red;}

这一句不是只能让first下的所有<span>元素加边框么？

慕课举的包含选择器的例子里面，也是对所有<li>奏效的啊。好像没法同时应用给<p>和<span>吧？（除非通用选择器，但这不是你的意思了）

* {border:1px solid red;}

使用包含选择器作用的是所有的子后代元素即这里的span元素，对于span以外的内容并没有影响，所以你的代码只是span元素之间的内容加了边框。

可以再看一下包含选择器一节的内容。

包含选择器是作用于元素的第一代，就是其直接后代，所要的目标效果是作用于<span>中的元素，所以包含选择器有更好的直接效果！

包含选择器选择的是后面的元素，这个选择的是first下面的所有span元素，用.first > span吧比较好