【问题标题】:Targeting every consecutive pair of li elements, possible with CSS3?使用 CSS3 可以针对每一对连续的 li 元素吗?
【发布时间】:2014-05-03 10:13:52
【问题描述】:

我想将一些 CSS 附加到一系列 li 元素中,但仅适用于漏掉一个后的每个连续对。我想要定位的系列中的示例:

1
3/4
6/7
9/10
12/13

看起来li:nth-child 不能帮助我,因为n 是一个常量整数。

有没有办法劫持这个并欺骗css?添加+li 可能吗?

【问题讨论】:

    标签: html css html-lists css-selectors


    【解决方案1】:

    您可以使用此规则来定位那些lis:

    li:not(:nth-child(3n+2)){
        color:#c00;
    }
    

    DEMO

    【讨论】:

    • 难以置信! CSS3 可以解决所有问题!谢谢@kei
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-03-03
    • 2012-08-12
    • 1970-01-01
    • 2019-02-23
    • 2012-07-13
    相关资源
    最近更新 更多