如何使用不是所述子项的直接父项的选择器的伪类 nth-child
?
HTML
<div id="main">
</div>
CSS
.test {
width: 100px;
height: 100px;
background: red;
}
#main .test:nth-child(even) {
background: green;
}
JS
// doesnt work
for (var i = 0; i < 3; i++) {
$('#main').append('<div><div class="test"></div></div>')
}
// works
for (var i = 0; i < 3; i++) {
$('#main').append('<div class="test"></div>')
}
最佳答案
如果要选择.test
div,需要选择#main
的每个偶数子元素,然后选择.test
内。
CSS
#main div:nth-child(even) .test {
background: green;
}
关于html - 选择高级选择器的第 n 个 child ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38925917/