Html css选择器获取2个元素

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<

我需要选择两个元素,跳过下两个元素,选择两个元素,等等

例如,假设我有10个元素:

<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;
}