我正在做一个小实验,尝试为嵌套div替换背景颜色。
这是我打算实现的(没有内联样式):
<div style="background: #fff;"> <div style="background: #000;"> <div style="background: #fff;"> <div style="background: #000;"> and so on... </div> </div> </div> </div>
我觉得我一定缺少明显的东西!我尝试过,div:nth-of-type(2n)但这似乎仅适用于一个级别。
div:nth-of-type(2n)
这是针对生成div的实验,因此解决方案需要是无止境的(不是沿着div div div div div = white的界线)。我知道使用JavaScript非常简单,只需 寻找纯CSS解决方案即可 。
正如Lister先生所指出的,nth-of-type在一个级别(所选div的父级)上起作用。
据我所知,在浏览了W3CCSS3选择器之后,似乎没有用于遍历嵌套的任何CSS选择器(>选择器除外,该选择器仅查看父级的直接子级)。
我希望证明事实是错误的,因为那样可能会非常有用。
因此,唯一的(css)解决方案将是您已经说过的解决方案:div > div > div {background: white; } 您难道不就随div的生成一起生成它吗?
div > div > div {background: white; }