html表格的边框css

Question

我有两个表，一个id ='data‘。我的问题是，我只想对表id='data‘应用下面的边框属性，但是从下面的代码中，css被应用于两个tables.How，以纠正这个问题

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

因为在CSS选择器中使用table将调用所有表，除非您指定了像table.class { ... }；这样的类。)

//编辑

好吧，我不得不说：

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

也会起作用。

主要的事情是，在CSS中指定所需元素的ID或类，以便将样式应用于所需元素……