我需要让我的桌子的每两行变灰,如果可能的话我宁愿使用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来解决这个问题,那就是我正在寻找的东西.
假设我有一个列表的以下结构:
<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选择器来做到这一点,以便最小化代码吗?