html表格的边框css

html表格的边框css,html,css,Html,Css,我有两个表,一个id='data'。我的问题是,我只想为表id='data'应用下边框属性,但从下面的代码中,css将应用于这两个表。如何更正此问题 <style> table { border-collapse:collapse; } table#data,th,td { border:1px solid black; } </style> 桌子 { 边界塌陷:塌陷; } 表#数据,th,td { 边框:1px纯黑; } 这应该可以: #data, #d

我有两个表,一个id='data'。我的问题是,我只想为表id='data'应用下边框属性,但从下面的代码中,css将应用于这两个表。如何更正此问题

<style>
table
{
   border-collapse:collapse;
}
table#data,th,td
{
   border:1px solid black;
}
</style>

桌子
{
边界塌陷:塌陷;
}
表#数据,th,td
{
边框:1px纯黑;
}
这应该可以:

#data,
#data th,
#data td
{
   border:1px solid black;
}
因为使用CSS选择器中的
table
,您将调用所有表,除非您指定一个类,如
table.class{…}
;)

//编辑

好的,我不得不说:

table#data,
table#data th,
table#data td
{
   border:1px solid black;
}
也会起作用


最重要的是,您需要在CSS中指定所需元素的ID或类,以便将样式应用于所需元素…

您想要在什么上设置边框?表,或th和td元素?提示:不能缩写选择器。用逗号分隔的所有内容都按原样应用。通过下面的边框属性,您的意思是希望为底部属性加边框吗?这解决了问题。谢谢