修改表格单元格的第n个子项

时间:2017-02-19 02:28:11

标签: css

此CSS规则可以正常运行:

.TabSymbols tr:nth-child(even) { background-color: #f2f2f2; }

每隔一行都有背景颜色。

现在想象一下有四列的表格。第三和第四列中的每个表格单元都具有类"日期" ...

<td class="Date">

以下样式适用于.Date:

.Date { background: #666; color: #fff; }

但是这里有一个问题:我不希望每个具有Date类的单元格都有背景颜色。相反,我希望样式与上面列出的第一个规则相对应。因此,每个偶数行中的前两个单元格将具有背景颜色#f2f2f2,而最后两个单元格将具有背景#666。奇数行将是纯白色,或表格的背景颜色。

我尝试了这些规则但没有成功:

.TabSymbols tr:nth-child(even) td.Date { background-color: #666; }
.TabSymbols tr:nth-child(even).Date { background-color: #666; }

我还从this discussion获得了一个提示并尝试了这个:

tr td.Date:nth-child(2) { background-color: #666; color: #fff; }​

也许我可以以某种方式使用col函数和tr:nth?

1 个答案:

答案 0 :(得分:2)

您可以在assert input_shape[-1] and input_shape[-1] == self.input_dim AssertionError .Date

上应用tr:nth-child(odd)背景

tr:not(:nth-child(even))
.TabSymbols tr:nth-child(even) { background-color: #f2f2f2; }
/*.TabSymbols tr:nth-child(odd) .Date { background: #666; color: #fff; }*/
.TabSymbols tr:not(:nth-child(even)) .Date { background: #666; color: #fff; }