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

<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不选中

回复
阅读 2.3k
5 个回答

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

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

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ,欢迎正在阅读的你也加入。
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏