Css 是否可以选择第n个子元素?
我希望使用类似于Css 是否可以选择第n个子元素?,css,css-selectors,Css,Css Selectors,我希望使用类似于nth-child逻辑的方法,根据元素在DOM中的嵌入级别来选择元素。例如,我不想在css中使用唯一的类手动选择每个嵌套层,而是想使用第n个逻辑使行中的每个其他嵌套元素在两种颜色之间交替 明确说明编辑:要根据元素的嵌套级别选择元素,似乎需要为每个级别创建专用选择器。但是,如果您希望根据元素的嵌套级别无限期地选择元素,例如,如果您有一个ui,该ui调用50多个级别的嵌套div,每个级别需要交替设置样式,该怎么办是否有一种方法可以使用n逻辑来实现这一点,正如我在这里所做的,来实现这
nth-child
逻辑的方法,根据元素在DOM中的嵌入级别来选择元素。例如,我不想在css中使用唯一的类手动选择每个嵌套层,而是想使用第n个逻辑使行中的每个其他嵌套元素在两种颜色之间交替
明确说明编辑:要根据元素的嵌套级别选择元素,似乎需要为每个级别创建专用选择器。但是,如果您希望根据元素的嵌套级别无限期地选择元素,例如,如果您有一个ui,该ui调用50多个级别的嵌套div,每个级别需要交替设置样式,该怎么办是否有一种方法可以使用
n
逻辑来实现这一点,正如我在这里所做的,来实现这一点?这组选择器将根据元素的嵌套级别从中选择元素。container
:
.container > * { color:red; }
.container > * > * { color:blue; }
.container > * > * > * { color:green; }
...
这就是你要找的吗?你只是在找…?不是。第n个孩子选择兄弟姐妹。我需要选择血统。那么也许你正在寻找。还是在猜测,因为到目前为止你的描述还很模糊。请去阅读,以及如何提供一个完整的答案。这就是我想表达的观点。为了根据元素的嵌套级别选择元素,您需要为每个级别创建一个专用选择器。但是,如果您想根据元素的嵌套级别来选择元素(正如我在提供的代码笔中演示的那样),该怎么办?有没有一种方法可以使用
nth
逻辑来实现这一点?或者有没有简单的方法不需要创建无限多的.container>*
nestlevel选择器?