小编Jas*_*son的帖子

CSS:n-child(偶数)但不能被3整除

我试图为每个偶数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)

css css-selectors css3 responsive-design

4
推荐指数
2
解决办法
2473
查看次数

标签 统计

css ×1

css-selectors ×1

css3 ×1

responsive-design ×1