如何在CSS 1st 4th 5th或2nd 3rd 6th元素中进行选择

Question

如何正确使用css nth子选择器？

我有6个div，我需要选择第1个第4个和第5个元素，我可以获取第1个和第4个元素，但不能获取第5个元素。

这就是我目前所尝试的：

 .partners-logo:nth-child(3n+1) {
     background-color: #f7f7f7;
}

Answer 1

我不认为这是另一种方式。

div:nth-child(1),
div:nth-child(4),
div:nth-child(5){
  color:red;
}

div:nth-child(2),
div:nth-child(3),
div:nth-child(6){
  color:yellow;
}

<div>te</div>
<div>te</div>
<div>te</div>
<div>te</div>
<div>te</div>
<div>te</div>

Answer 2

无法同时选择这三个数字...

方法-1

.partners-logo:nth-child(1),
.partners-logo:nth-child(4),
.partners-logo:nth-child(5) {
  background-color: #f7f7f7
}

.partners-logo:nth-child(2),
.partners-logo:nth-child(3),
.partners-logo:nth-child(6) {
  background-color: #f7f7f7
}

方法-2 您可以将:nth-child(-4n+6)用于2-6，将:nth-child(-3n+4)用于1-4 ...

.partners-logo:nth-child(-3n+4),
.partners-logo:nth-child(5) {
  background-color: #f7f7f7
}

.partners-logo:nth-child(-4n+6),
.partners-logo:nth-child(3) {
  background-color: #f7f7f7
}