Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在CSS中更改表类中所有td的颜色_Html_Css - Fatal编程技术网

Html 在CSS中更改表类中所有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

我试图选择一个表中的所有底部边框,并将它们变成灰色,而不必为每个td分配一个类。到目前为止,我的想法是这样的,但它不起作用:

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;
}