html - 无法在特定表格中设置单元格样式

Question

.domeSpecs
{
font-size: 16px;
margin-left: 20px;
margin-bottom: 20px;
float: right;
border-collapse: collapse;
background-image: url('tableback.png');
background-repeat: no-repeat;
background-position: right bottom;
}

table.domeSpecs>td
{
color: blue;
}

我尝试仅使用字体颜色为蓝色的 domeSpecs 类对表格中的单元格设置样式(只是为了测试它是否有效)，但由于某种原因它不起作用。

Answer 1

table.domeSpecs>td 正在访问直接后代 TD

应该是 TR 所以:

table.domeSpecs > tr > td

这也很奇怪，除非您必须将具有 TR 的表识别为直接而不是即:tbody ...所以我的建议是:保持简单:

table.domeSpecs  td{

}

如果你有 class .domeSpecs 的 CELLS，你只需要:

table td.domeSpecs{

}