更改CSS中表类内所有td的颜色

Question

我是新手，所以忍受我。

我正在尝试选择表格中的所有底部边框，并将它们变为灰色，而不必为每个td分配一个类。到目前为止，我想出的是这个，但它不起作用：

table.items {
    border: 1px solid #42536f;
}

table.items > td {
    border-bottom: 1px solid #CCC;
}

基本上，我希望能够只使用整个表格的“items”类，并让所有底部边框显示为灰色，外部边框显示我选择的深蓝色。

有什么建议吗？

谢谢： - ）

Answer 1

td不是table

的直接子女

table.items{ 
    border:1px solid #42536f;
}
table.items td{ 
    border-bottom:1px solid #CCC;
}

此处表格中的所有td元素都将选择。

或

table.items{
    border:1px solid #42536f;
}
table.items>tr>td{
    border-bottom:1px solid #CCC;
}

在这种情况下，td是tr的直接子项，而tr是table的直接子项。

Answer 2

table.items td或table.items > tr > td将按照其他人的建议完成所需的工作。

但是，可能是......将border-bottom赋予行而不是单元格..即，将它赋予table.items > tr会更好看。我不确定你是否正在寻找：）

Answer 3

用table.items > td说：

  

每个 td 是 table.items的直接子项

从未给出，因为它之间始终存在<tr>。

尝试使用table.items td（就像Pranav Ram建议的那样）！