Html css选择器获取2个元素
我需要选择两个元素,跳过下两个元素,选择两个元素,等等 例如,假设我有10个元素:Html css选择器获取2个元素,html,css,Html,Css,我需要选择两个元素,跳过下两个元素,选择两个元素,等等 例如,假设我有10个元素: <div class="container"> <div class="el">element1</div> <div class="el">element2</div> <div class="el">element3</div> <div class="el">element4<
<div class="container">
<div class="el">element1</div>
<div class="el">element2</div>
<div class="el">element3</div>
<div class="el">element4</div>
<div class="el">element5</div>
<div class="el">element6</div>
<div class="el">element7</div>
<div class="el">element8</div>
<div class="el">element9</div>
<div class="el">element10</div>
</div>
要素1
元素2
元素3
元素4
元素5
元素6
要素7
要素8
元素9
元素10
我想选择元素1、2、5、6、9和10
是否有任何方法可以利用第n个子项或类似项来实现此目的?为此使用
组合选择器,以便为每四个元素选择第一个/第二个元素
.container>.el:n第n个子项(4n+1),
.container>.el:n子级(4n+2){
颜色:红色;
}
要素1
元素2
元素3
元素4
元素5
元素6
要素7
要素8
元素9
元素10
为此使用
组合选择器,以便为每四个元素选择第一个/第二个元素
.container>.el:n第n个子项(4n+1),
.container>.el:n子级(4n+2){
颜色:红色;
}
要素1
元素2
元素3
元素4
元素5
元素6
要素7
要素8
元素9
元素10
此处可能的答案,重复的问题此处可能的答案,重复的问题
.container > .el:nth-child(4n+1),
.container > .el:nth-child(4n+2) {
color: red;
}