html - html表格的边框css

Question

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

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

Answer 1

这应该工作：

#data,
#data th,
#data td
{
   border:1px solid black;
}

因为table在 CSS 选择器中，您将调用所有表，除非您指定一个类，如table.class { ... };)

// 编辑

好吧，我不得不说：

table#data,
table#data th,
table#data td
{
   border:1px solid black;
}

也将工作...

最主要的是，您在 CSS 中指定所需元素的 ID 或类，以将您的样式应用于您所需的元素...