请问大家关于一个css节点选择器的问题

Question

<li class="layui-nav-item layui-nav-itemed">

<a href="javascript:;">默认展开</a>
<dl class="layui-nav-child">
  <dd><a href="javascript:;">选项一</a></dd>
  <dd><a href="javascript:;">选项二</a></dd>
  <dd><a href="javascript:;">选项三</a></dd>
  <dd><a href="">跳转项</a></dd>
</dl>

</li>

我想通过父级元素li 选中默认展开这个a元素，不给它加class的情况下， 请问如何选中它呢?只选中它，别的a不选中

Answer 1

.layui-nav-item > a

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 2

.layui-nav-item > a:first-child

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 3

css 实现选中功能？
一般是用 label 标签，触发 checkbox 的选中，然后用 + 选择器来做。
:checked + a {}

如果你是因为 li a 导致 dl a 也有了样式，那么你用 > 来限定子级即可。

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 4

使用.layui-nav-item > a:first-child，代表选择的标签中第一个
已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 5

伪类选择器【:first-child】可以解决你的问题，楼上已经写出具体答案，这里贴一下出处，方便你参考~

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。