问答详情
源自:9-3 权值计算-特殊性

怎样设置选择器,才能使第一段中的第一个<span>胆小如鼠</span>设置成黄色,第一段中第二个<span>老师</span>不继承黄色属性?

https://img2.mukewang.com/5bd959640001517f08990560.jpg

前面讲过后代选择器.first>span{...}只对直接后代起作用,也就是对第一个<span>...</span>设置属性,选择器.first span{...}对所有后代起作用,但在本例中使用这两个选择器效果都是一样的,求大佬解惑,感激不尽!!!

提问者:LeeBc 2018-10-31 15:33

个回答

  • 一只没有梦想的猪
    2018-11-06 16:24:02

    .first>span{...}是只对后面的第一代起作用,不是第一个起作用哦,第一代中的所有元素都会执行该样式。

  • qq_小雨晨_0
    2018-11-05 22:10:14

    用ID选择器

    #span{color:yellow;}

    <span id="span>胆小如鼠</span>//把<span id="span">改成<b id="span">效果一样,只要ID等于span

    <span>老师</span>

  • LeeBc
    2018-10-31 16:06:07

    谢谢您,通过这种内联式是可以实现的,只是还是不明白,在嵌入式CSS中,后代选择器对本例为什么不适用

  • 慕瓜7022986
    2018-10-31 15:49:19

    "<span>老师</span>"

    改成“<span style="color:white">老师</span>”

    这个是内嵌样式