有没有办法仅使用 CSS 选择器选中第一个后代元素?例如,有没有办法从 .container 元素开始对 <li class="example"> 进行样式设置,但不对其中的 <p class="example"> 进行样式设置?
我知道在 CSS 中有很多替代方法来解决这个问题。但是是否有一种方法可以使用下面精确的代码来完成?即仅使用选择器类 .container 和 .example,保留 .container 类在下面的 HTML 中不变,并使用下面精确的 HTML 标记。
<style>
.container .example{
border: 1px solid blue;
}
</style>
<div>
<div class="container">
<ul>
<li class="example"><p class="example"></p></li>
<li class="example"><p class="example"></p></li>
</ul>
</div>
</div>
li
和p
,因为它们都是其父元素的第一个子元素。 - tuff<div class="container">
的第一个后代是ul
元素,所以您是在问如何选择它,还是什么?所有这一切背后的实际需求是什么? - Jukka K. Korpela