使用包含选择器为什么第一段文字不会加边框?
你使用包含选择器选中了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吧比较好