CSS select 仅在无序列表中第一个 child

Question

我的 wordpress 主题中有以下代码：

<div class="BlaBla">
   <ul>
       <li>
          <a>stuff to select</a>
       </li>
       <li>
          <a>stuff to NOT select</a>
       </li>
   <\ul>
</div>

我必须 select 删除第一个“a”标签（添加规则显示：none）但我不能输入 id 或类

我尝试了以下规则，但 select 每件事

div[class="BlaBla"] ul li a:first-child{
    display:none;
}

div[class="BlaBla"] ul li:first-child{
    display:none;
}

div[class="BlaBla"] > ul > li:first-child{
    display:none;
}

Answer 1

您需要将第一个 list-item 中的 link 作为目标，因此选择器是

.BlaBla li:first-child a {
  display: none;
}

关于您尝试的解决方案：

第一个将针对所有列表项
第二个将针对第一个列表项（并且不是第一个列表项中的link）
最后一个使用子组合器，在您的示例中，它的工作方式与第二次尝试完全相同。

CSS select 仅在无序列表中第一个 child

CSS select only first child in an unordered list

css

selector