CSS只选择无序列表中的第一个子项

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

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

---

您需要将链接定位在第一个

列表项中

，这样选择器就可以

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

关于您尝试的解决方案：

• 第一个将针对所有列表项中的所有第一个链接
• 第二个目标是第一个列表项（而不是第一个列表项内的链接）
• 最后一个使用子组合器，在您的示例中，其工作方式与第二次尝试完全相同

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