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

我用的是Bootstrap，有一张带条纹的桌子。为了按需显示更详细的信息，我每隔一行折叠一次。 折叠（但不带条纹）桌子，

问题是，在默认行为下，所有“主”表行都以相同的颜色显示，并且当所有可展开行（包含详细信息）折叠时，表看起来并不是条带化的。这是因为可展开行“破坏”了着色顺序

我想有主行和可扩展行被视为单个块，并使用一种颜色着色

我的想法是将条带化的步骤从每秒钟更改为每秒钟一行。但我不知道怎么做

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

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

我想我需要将'odd'参数更改为类似（4n-3和4n-2）的值，但我不确定如何正确执行

是否可以更改分条步骤？如果可以，我如何执行此操作？

:

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

简而言之，yes您可以将

odd

更改为

4n-3

，（第一个子项的索引为1）

键：

奇数：用于匹配索引为奇数的子元素

偶数：用于匹配索引为偶数的子元素

a：表示循环大小

n:从0开始的计数器

b:偏移值

---

注：键1/2的示例为

p:n个孩子（奇数）

，键3/4/5的示例为

p:n个孩子（4n-3）

@Triple不客气！如果这有帮助，请不要忘记单击我答案旁边箭头下的复选标记。非常感谢您的澄清！为了得到我所要求的内容，我在自定义css文件中添加了“.table striped>tbody>tr:nth child（4n+I）>td、.table striped>tbody>tr:nth child（4n+I）>th{background color:#ffffff；}”，其中我从1更改为4。所以我有4个相同的块，它们的索引I不同。不是很好看。可以吗？或者这可以改进吗？这似乎是一个单独的问题。你应该发布一个新问题，其中包含你从中获得的最新信息。