我对items进行了概述，如下所示：
<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>
每当一个类通过时，我都希望定位第一个item类和每个item类lastinrow。这可能吗？还是我应该使用:nth-child(#)？
如果使用:nth-child解决方案，如果我要定位第一个和第四个目标，我应该使用哪个数字而不是＃？
这将选择所有.item第一个孩子或紧随其后的元素.lastinrow：
.item:first-child,
.lastinrow + .item {
}
为了完整起见，如果要选择.item从1开始的第三个子元素，则应编写：
.item:nth-child(3n + 1) {
}
.item:first-child,
.lastinrow + .item {
background: #FC0;
}
.item:nth-child(3n + 1) {
color: #F00;
}<div class="item">First item</div>
<div class="item">...</div>
<div class="item lastinrow">...</div>
<div class="item">Item following last-in-row</div>
<div class="item">...</div>
<div class="item lastinrow">...</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句