css - 某个类中的每个其他列表项

标签 css html-lists

我正在尝试使具有特定类别的列表中的所有其他列表项都没有边距。我已经找到应该使用的方法了:

ul>li:nth-child(even){
    margin-right:0;
}

但问题是,当我只希望具有特定类的列表没有边距时,该代码将使每个列表的偶数项都没有边距。

我试过像这样将类添加到规则中:

.crpw ul>li:nth-child(even){
    margin-right:0;
}

但这行不通。谁能启发我如何实现这一目标?

最佳答案

因为您已经选择了带有 .crpw 的元素,所以您不需要在之后使用 ul。如果您使用它,它将在 .crpw 中寻找下一个 ul

所以你只需使用:

.crpw > li:nth-child(even) {
    margin-right:0;
}

DEMO HERE

关于css - 某个类中的每个其他列表项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24556109/

相关文章:

html - 如何使 div 适合其内容的宽度而不导致它们换行,同时比父级更宽

html - 使用内联元素创建网站登陆页面

html - Firefox 和 Safari 浏览器的字体不工作问题

css - 将列表项对齐到顶部

jquery click事件,使用next和prev将列表项滚动到div的顶部

html - 如何向下移动一段标准标题或段落元素

javascript - 不同的 css 文件到 jquery 插件

HTML 列表项顺序

html - 减少 Bootstrap 列表宽度

html - 填充在我的 <ul> 上创建了奇怪的黑线