使用内嵌样式CSS的表格上的交替行颜色

我想改变表格的背景色以增加可读性。在谷歌搜索了一下之后，我找到了我需要的代码

tr:nth-child(even) {
    background-color: #000000;
}

我的解决方案中的问题是，我没有访问head标记的权限，我想用内联样式的CSS实现这一点，但它不起作用

<tr style="nth-child(even) background-color: #000000;">

---

想法？

内联样式是针对每个元素的，因此您必须将适当的样式注入到每个其他

tr

元素的

style

属性中。如果您尚未动态生成这些行，并且无法使用JavaScript注入这些样式，那么您将不得不在每个

tr

元素上手动应用该属性。

除了BoltClock answer，如果您可以使用jQuery，您可以尝试以下操作：

$('tr:nth-child(even)').css("background", "red");

这将自动在标记中插入内联样式

---

我也有类似的情况。我在桌子前面放了一个样式部分，解决了这个问题：

<style>
    table#some_table_id tr:nth-child(even) { background-color:#dddddd; }
</style>
<table id="some_table_id">
    <!-- table markup removed -->
</table>

table#some_table _idtr:n子（偶数）{背景色：#dddddddd；}

---

这不是最优雅的解决方案，但它对我很有用（在谷歌Chrome 29.0.x中）。

这是你想要的，希望能有所帮助

tr:n个子项（偶数）{
背景色：黑色；
颜色：白色；
}
tr:n个孩子（奇数）{
背景色：#0000335f；
}

1.
2.
3.
4.
5.
文本1
文本2
文本3
文本4
文本5

所以，我实际上在使用React。。。我想要一张表格，以交替的颜色显示行。这段代码使用了大量的内联样式，css有一些有趣的语法差异，但我想我会分享这段代码

我正在通过报告的一系列行进行映射：

…在此对表列数据进行编码。。。

我确实发现我不能使用这个代码；不是因为它不起作用。因为有一些行被跳过了，所以我仍然会得到相邻的相同颜色的行。如果我碰巧发现了，我会更新。现在，我想我将只使用边界

---

-L-

没有被卡住，但您必须为每一行的背景色应用内联样式。单调乏味，但有可能。@Tanner:是的，我现在已经澄清了。但即使我在每个tr上注入它，它也不起作用。我所做的是在tr的每一行上添加。我想这会是这样的，如果这一行是偶数，则将背景色设为黑色。您必须从该行中删除第n个子（偶数）。在本例中，该css选择器用于定位表行。因为你的目标已经应用了内联样式，在这种情况下，这个选择器是不必要的。啊，好的，所以我不能使用选择器来“检查”这行是奇数还是偶数。如何编写一个内联样式来执行以下操作“如果这是一条均匀的线，请使用背景色？您没有标签的权限是什么意思？”？内联样式是一个即将发生的维护噩梦。如果您想更改每一行的背景色，那么您屏蔽的第一个css将属于您的样式表。您编写的内联代码本身甚至不起作用，因为特定的行将是“奇数”，因为它将是第一个子行。我编写了head tag，但因为我将它用括号括起来，所以它没有显示在我的问题中。现在修好了。问题是，即使我用这些tr内联标记添加整个表，它也不起作用。第二个代码块完全没有意义。您打算如何编写它的内联样式？这个问题专门询问内联样式。