问一个关于 css 选择器使用的问题？

Question

假如一个div为one，里面有这样的代码：

现在我想只定义li里面的a标签的颜色，同时li里面的ul下面的li内的a颜色不受影响，这样怎么写？

如果我写.one li a{color:red}那ul下面的li里的a也会改变。

Answer 1

.one>li>a{color:red}

Answer 2

可以用 > 标识直接子代。 👉 子选择器 - CSS（层叠样式表） | MDN

.oline > li > a {
 color: red;
}

类似的还有几个，你可以一起了解一下：

相关阅读:
CSS 选择器 - 学习 Web 开发 | MDN

Answer 3

不知实际代码中的li是不是跟你截图中的一样，有一个不同于下级的dropdown的类，如果这样可以通过类配合直接子代选择器来指定直接子级a的样式，li.dropdown > a { color: red }