首页 > 试题广场 >

下面哪个选项不能实现除第一个标签外的li>...

[单选题]
下面哪个选项不能实现除第一个<li>标签外的<li>标签字体都为红色,即如下注释效果
<ul class="word">
    <li class="text">1</li>       //字体为黑色
    <li class="text">2</li>       //字体为红色
    <li class="text">3</li>       //字体为红色
</ul>

  • .text ~ .text {
        color: red;
    }
  • .word:not(:first-child) {
        color: red;
    }
  • .text:nth-last-child(2){
        color: red;
    }
  • .text + .text {
        color: red;
    }
.text会一顺匹配,而~和+都是往后的兄弟结点,所以第一个就不会受影响!~是匹配所有符合的兄弟节点,+是匹配第一个
编辑于 2021-09-28 17:09:45 回复(1)
~为同辈选择符,+为相邻同辈选择符(两者都不会选择自身)
发表于 2022-06-14 22:21:31 回复(0)