小编Seb*_*ias的帖子

我正在使用响应式设计，在我的CSS中有例如三个不同的媒体查询与列表项样式：

@media only screen and (min-width : 1350px) {
    li.item:nth-child(n+6) {
        border-top: 1px solid #d9ddd3;
    }
    h1 {
        color: red;
    }
}

@media only screen and (min-width : 1550px) {
    li.item:nth-child(n+7) {
        border-top: 1px solid #d9ddd3;
    }
    h1 {
        color: green;
    }
}

@media only screen and (min-width : 1750px) {
    li.item:nth-child(n+8) {
        border-top: 1px solid #d9ddd3;
    }
    h1 {
        color: blue;
    }
}

因此，从第 6/7/8 个 li 项目开始，我添加了顶部边框。问题是：

• 对于 1350px 我得到 n+6
• 对于 1550px 我得到 n+6
• 对于 1750px 我得到 …