是否可以选择第 n 个后代元素？ [复制]答案

【问题标题】：Is it possible to select for nth-descendant elements? [duplicate]是否可以选择第 n 个后代元素？ [复制]
【发布时间】：2018-04-16 00:00:18
【问题描述】：

我希望使用类似nth-child 逻辑的方式，通过它们在 DOM 中的嵌入级别来选择元素。例如，我不想使用唯一的类在 css 中手动选择每个嵌套层，而是想使用第 n 个逻辑来使该行的每个其他嵌套元素在两种颜色之间交替。

明确说明的编辑：要根据嵌套级别选择元素，您似乎需要为每个级别创建一个专用选择器； example。但是如果你想根据嵌套级别无限地 deep选择元素怎么办，例如如果你有一个需要嵌套div的用户界面五十再加上深层次的层次，每个层次都需要交替设计？ 有没有办法使用nth 逻辑，就像我在这个example 中一样，来完成这个？

【问题讨论】：

您只是在寻找developer.mozilla.org/en-US/docs/Web/CSS/:nth-child ...？
没有。 nth-child 选择兄弟姐妹。我需要选择血统。
那么也许您正在寻找developer.mozilla.org/en-US/docs/Web/CSS/Child_selectors。仍在猜测，因为到目前为止您的描述仍然很模糊。请阅读How to Ask，以及如何提供minimal reproducible example。

标签： css css-selectors

【解决方案1】：

这组选择器会根据嵌套级别从.container中选择元素：

.container > * { color:red; }
.container > * > * { color:blue; }
.container > * > * > * { color:green; }
...

这是你要找的吗？

【讨论】：

这就是我想要表达的观点。为了根据嵌套级别选择元素，您需要为每个级别创建一个专用的选择器。但是如果你想根据嵌套级别无限选择元素怎么办，正如我在我提供的codepen中证明的那样？有没有办法使用nth 逻辑来做到这一点？或者有什么简单的方法不需要创建无限数量的.container > * nestlevel 选择器？