<分区>
<分区>
让我们以下面的示例代码为例:
/*ul:first-of-type li a { color: red;}
ul > li a { color: red;}
ul:first-child li a { color: red;}*/<ul>
<li><a href="">Text</a></li>
<li><a href="">Text</a></li>
<li><a href="">Text</a></li>
<li>
<a href="">Text</a>
<ul>
<li><a href="">Text</a></li>
<li><a href="">Text</a></li>
<li><a href="">Text</a></li>
<li><a href="">Text</a></li>
<li><a href="">Text</a></li>
</ul>
</li>
<li><a href="">Text</a></li>
</ul>我的目标是选择 a父标签 ul标签，但不是 ul嵌套在 li 中.
我已阅读多篇关于此的文章，但遗憾的是找不到通过 CSS 执行此操作的解决方案。
任何人都可以看看这个吗？
最佳答案
下面的 CSS 只会选择直接的 li 子元素，并且在它们内部，只会选择直接的 a 子元素。
由于第二个 ul 是 li 的 child ，因此不会选择它的 child 。在第二个 ul 中选择超链接需要以下内容:
ul > li > ul > li > a
ul.main > li > a {
color: red;
}<ul class="main">
<li><a href="">Text</a></li>
<li><a href="">Text</a></li>
<li><a href="">Text</a></li>
<li>
<a href="">Text</a>
<ul>
<li><a href="">Text</a></li>
<li><a href="">Text</a></li>
<li><a href="">Text</a></li>
<li><a href="">Text</a></li>
<li><a href="">Text</a></li>
</ul>
</li>
<li><a href="">Text</a></li>
</ul>关于html - 仅通过 CSS 选择父 ul 下的 li，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49871084/