我试图为每个偶数DIV添加不同的样式,只要它不能被3整除.所以第二个div得到填充,第四个div得到填充,但第六个跳过了.这只能用CSS吗?
我这样做的原因是我从两列网格捕捉到桌面上的三列网格,我需要覆盖移动样式.
我不想使用JavaScript.
<div> 1 </div>
<div> 2 </div>
<div> 3 </div>
<div> 4 </div>
<div> 5 </div>
<div> 6 </div>
<div> 7 </div>
@include breakpoint(mobile-wide) {
width: calc((2.5 / 6 * 100%) - 0rem + (2.5 / 6 * 0rem))
float: left;
margin-right: calc((0.5 / 6 * 100%) + 0rem + (0.5 / 6 * 0rem));
&:nth-child(2n) {
margin-right: 0;
float: right;
}
@include breakpoint(desktop) {
width: calc((3 / 12 * 100%) - 0rem + (3 / 12 * …Run Code Online (Sandbox Code Playgroud)