html - 更改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 的直接子代.