条带引导表：如何更改条带步骤？

Question

我使用的是Bootstrap并且有条纹表。为了显示更详细的需求信息，我每隔一行就会崩溃一次。 折叠（但不是条纹）表， Twitter Bootstrap Use collapse.js on table cells [Almost Done]

根据默认行为，所有＆＃39; main＆＃39;表格行以相同的颜色着色，并且当折叠所有可展开的行（包含详细信息）时，表格看起来不是条带。这是因为可扩展行会突破＆＃39;着色顺序。

我希望将主行和可扩展行视为单个块，并使用一种颜色进行着色。

我的想法是将条带化的步骤从每秒改为每对第二对。但我不知道该怎么做。

在bootstrap.css中有以下字符串负责条带化：

...
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
   background-color: #f9f9f9;
}
...

我想我需要改变“奇怪的”＆＃39;参数类似于（4n-3和4n-2），但我不确定如何正确地做到这一点。

是否可以更改条带化步骤，如果可以，我该怎么做？

Answer 1

Quote：

  

：nth-​​child（n）选择器匹配其父元素的第n个子元素，无论其类型如何。 n可以是数字，关键字或公式。

简而言之，是您可以将odd更改为4n-3，（第一个孩子的索引为1）。

<强>键：

1. odd ：用于匹配索引为奇数的子元素。
2. 甚至：用于匹配索引为偶数的子元素。
3. a ：表示周期大小
4. n ：一个从0开始的计数器
5. b ：偏移值

注意：键1/2的示例为p:nth-child(odd)，键3/4/5（以+ b为单位）的示例为p:nth-child(4n-3)