相关疑难解决方法(0)

每两个表行的nth-child

我需要让我的桌子的每两行变灰,如果可能的话我宁愿使用nth-child.

我和Chris Coyier的n-child测试员搞砸了但仍然无法得到它.

我需要以下公式:

1,2 - grey
3,4 - white
5,6 - grey
7,8 - white
9,10 - grey
Run Code Online (Sandbox Code Playgroud)

等等.我宁愿不在html中放一个类,因为我确信这将成为一些人的建议.如果有办法用n-child来解决这个问题,那就是我正在寻找的东西.

css css-selectors css3

29
推荐指数
1
解决办法
3万
查看次数

在CSS3中使用nth-child()选择双打

假设我有一个列表的以下结构:

<ul>
    <li></li><li></li>
    <li></li><li></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

每个<li>都是50%的宽度所以我希望每两个都有这样的背景颜色:

<ul>
    <li style="background:#CCC;"></li><li style="background:#CCC;"></li>
    <li style="background:#DDD;"></li><li style="background:#DDD;"></li>
    <li style="background:#CCC;"></li><li style="background:#CCC;"></li>
    <li style="background:#DDD;"></li><li style="background:#DDD;"></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我可以使用'nth-child()'CSS选择器来做到这一点,以便最小化代码吗?

html css css-selectors css3

5
推荐指数
1
解决办法
664
查看次数

标签 统计

css ×2

css-selectors ×2

css3 ×2

html ×1