Html 在CSS中更改表类中所有td的颜色
我试图选择一个表中的所有底部边框,并将它们变成灰色,而不必为每个td分配一个类。到目前为止,我的想法是这样的,但它不起作用:Html 在CSS中更改表类中所有td的颜色,html,css,Html,Css,我试图选择一个表中的所有底部边框,并将它们变成灰色,而不必为每个td分配一个类。到目前为止,我的想法是这样的,但它不起作用: table.items { border: 1px solid #42536f; } table.items > td { border-bottom: 1px solid #CCC; } 基本上,我希望能够对整个表使用“items”类,并使所有底部边框显示为灰色,外部边框显示为我选择的深蓝色 有什么建议吗 谢谢:-)td不是表的直接子项 tab
table.items {
border: 1px solid #42536f;
}
table.items > td {
border-bottom: 1px solid #CCC;
}
基本上,我希望能够对整个表使用“items”类,并使所有底部边框显示为灰色,外部边框显示为我选择的深蓝色
有什么建议吗
谢谢:-)
td
不是表的直接子项
table.items{
border:1px solid #42536f;
}
table.items td{
border-bottom:1px solid #CCC;
}
在这里,表中的所有td元素都将被选中
或
在这种情况下,td
是tr
的直接子级,tr
是table
的直接子级,table.items>td
你说:
作为table.items的直接子项的每个td
这是永远不会给出的,因为两者之间总是有一个
尝试使用table.items td
(如建议的Pranav Ram) table.items td
或table.items>tr>td
将按照其他人的建议完成所需的工作
但是,也许。。将边框底部
赋予行而不是单元格。。i、 e,将其交给table.items>tr
会使外观更好。我不确定这是否是您想要的:)谢谢!我尝试了table.items td{border-bottom:1px-solid#CCC;},效果非常好@balki使用table.items td,table.items th{
table.items{
border:1px solid #42536f;
}
table.items>tr>td{
border-bottom:1px solid #CCC;
}