：nth-带类的子(偶/奇)选择器
：nth-带类的子(偶/奇)选择器
提问于 2013-07-04 05:41:30
我正在尝试将奇/偶选择器应用于包含parent类的列表中的所有元素。
HTML：
<ul>
<li class="parent">green</li>
<li class="parent">red</li>
<li>ho ho ho</li>
<li class="parent">green</li>
<li class="parent">red</li>
</ul>CSS：
.parent:nth-child(odd) {
background-color: green;
}
.parent:nth-child(even) {
background-color: red;
}
ul {
width:100px;
height: 100px;
display: block;
}
但是颜色正在重置。我希望列表项是文本的颜色。
有没有办法做到这一点？
回答 1
Stack Overflow用户
发布于 2013-07-04 06:13:26
只有具有nth-match的CSS选择器4才有可能。
在现有的CSS中，它只能在一些有限的情况下使用通用的兄弟组合器多次完成，比如@Jon的答案，甚至是更“机械”的方式(example)：
.parent,
.parent ~ .parent ~ .parent,
.parent ~ .parent ~ .parent ~ .parent ~ .parent,
.parent ~ .parent ~ .parent ~ .parent ~ .parent ~ .parent ~ .parent
{
background-color: green;
}
.parent ~ .parent,
.parent ~ .parent ~ .parent ~ .parent,
.parent ~ .parent ~ .parent ~ .parent ~ .parent ~ .parent,
.parent ~ .parent ~ .parent ~ .parent ~ .parent ~ .parent ~ .parent ~ .parent
{
background-color: red;
}在实践中，对我来说，使用JS/jQuery来实现这一点似乎更好。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17458582
复制相关文章
相似问题
腾讯云开发者
