javascript - 奇数行和偶数行上的不同 CSS 样式

标签 javascript css-tables

是否可以仅使用 CSS 在动态生成的表格的奇数行和偶数行上设置不同的样式,而无需我在迭代集合时在每一行上设置正确的样式?

最佳答案

我不确定这是否适用于跨浏览器,我自己更喜欢 jQuery,但只有 css-only 这应该可以解决问题:

tr:nth-child(even) { ... }
tr:nth-child(odd) { ... }

关于javascript - 奇数行和偶数行上的不同 CSS 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5096433/

相关文章:

CSS - WebKit 表格单元显示 100% 缺少 1 个像素的宽度?

css - 表 - 现在换行成两行?

css - block 内的表格列宽

javascript - ES6 Proxy 返回一个可迭代数组

javascript - 为什么++[[]][+[]]+[+[]] 返回字符串 "10"?

javascript - 将变量记录到控制台

html - CSS table-cell 中的 table 元素偏移其他 table-cell 内容

html - 样式列跨度似乎不适用于表格

javascript - Vue3 : cannot access computed prop from another computed prop when using TypeScript

javascript - 如何确定 "X minutes from now"事件的日期