如何选中特定 HTML 元素中第一个非特定类名的子元素？

关于 css 节点选择器的疑问

想要选中特定 html 元素中的特定子元素，可以使用 css 节点选择器。本例中，我们需要选中一个不包含特定类名的 <a> 元素，该元素是其父 <li> 元素的第一个子元素。

选择器解决方案：

为了满足要求，可以使用以下选择器：

.layui-nav-item > a

此选择器将选中：

• 具有类名 layui-nav-item 的 <li> 元素
• <li> 元素的第一个子 <a> 元素

解释：

• > 符号表示直接子元素。
• 该选择器从具有类名 layui-nav-item 的 <li> 元素开始，并向下查找它的第一个子 <a> 元素。

使用此选择器，您可以只选中不包含特定类名的默认展开 <a> 元素，而不会选中其他 <a> 元素。