目标是css类之后的第一个孩子_Css_Css Selectors

目标是css类之后的第一个孩子

css

目标是css类之后的第一个孩子,css,css-selectors,Css,Css Selectors,我对项的概述如下： <div class="item">...</div> <div class="item">...</div> <div class="item lastinrow">...</div> <div class="item">...</div> <div class="item">...</div> <div class="item lastinrow"

我对

项的概述如下：
<div class="item">...</div>
<div class="item">...</div>
<div class="item lastinrow">...</div>
<div class="item">...</div>
<div class="item">...</div>
<div class="item lastinrow">...</div>

。。。
...
...
...
...
...

我希望每次通过lastinrow
-类时，都以第一个项
-类和每个项
-类为目标。这可能吗？或者我应该只使用第n个孩子（#）

如果使用

：第n个子元素是解决方案，那么我应该使用什么数字来代替“如果我想针对第一个和每第四个元素？”您可以使用来选择下一个元素。然后可以将其与：first child
组合以选择第一个.item
元素

.lastinrow+.item，
.项目：第一个孩子{
背景：番茄；
颜色：#fff；
}
。。。
...
...
...
...
…
您可以使用来选择下一个元素。然后可以将其与：first child
组合以选择第一个.item
元素

.lastinrow+.item，
.项目：第一个孩子{
背景：番茄；
颜色：#fff；
}
。。。
...
...
...
...
…
这将选择所有.item
元素，这些元素要么是第一个子元素，要么紧跟在之后。lastinrow
项：
.item:first-child,
.lastinrow + .item {
}

为完整起见，如果要选择从1开始的第三个子元素.item
元素，请编写：
.item:nth-child(3n + 1) {
}


.item:第一个孩子，
.lastinrow+.item{
背景#FC0；
}
.项目：第n个子项（3n+1）{
颜色：#F00；
}
第一项
...
...
排在最后的项目
...
…
这将选择所有.item
元素，这些元素要么是第一个子元素，要么紧跟在之后。lastinrow
项：
.item:first-child,
.lastinrow + .item {
}

为完整起见，如果要选择从1开始的第三个子元素.item
元素，请编写：
.item:nth-child(3n + 1) {
}


.item:第一个孩子，
.lastinrow+.item{
背景#FC0；
}
.项目：第n个子项（3n+1）{
颜色：#F00；
}
第一项
...
...
排在最后的项目
...
…
谢谢，这就是我需要的！谢谢，这就是我需要的！