前面讲过后代选择器.first>span{...}只对直接后代起作用,也就是对第一个<span>...</span>设置属性,选择器.first span{...}对所有后代起作用,但在本例中使用这两个选择器效果都是一样的,求大佬解惑,感激不尽!!!
.first>span{...}是只对后面的第一代起作用,不是第一个起作用哦,第一代中的所有元素都会执行该样式。
用ID选择器
#span{color:yellow;}
<span id="span>胆小如鼠</span>//把<span id="span">改成<b id="span">效果一样,只要ID等于span
<span>老师</span>
谢谢您,通过这种内联式是可以实现的,只是还是不明白,在嵌入式CSS中,后代选择器对本例为什么不适用
改成“<span style="color:white">老师</span>”
这个是内嵌样式