Question

我在一个页面中有两个表。我想要围绕其中一个边界而不是另一个边界。所以我使用id =＆＃34;＆＃34;。但它仍然在两个桌子周围设置边界，我不知道为什么。如果我更改table1没有边框，它将删除两个表上的边框。请给我任何有用的链接或建议。谢谢。

＆＃13;

table 
{
    border-collapse: collapse;
}

#table1 td, tr
{
    text-align:center;
    border: 1px solid black;
}

#table1 th
{
    background: orange;
}

#table2
{
    margin:auto;
}

＆＃13;

<table id = "table1">
    <th> Header </th>
    <tr>
        <td>row 1</td>
    </tr>
</table>

<table id = "table2">
    <th> Header </th>
    <tr>
        <td>row 1</td>
    </tr>
</table>

＆＃13;

Answer 1

您必须在#table1 td, tr更改选择器。 #table1 td将适用于td中的所有#table1，但tr将适用于所有tr。

因此将其设置为#table1 td, #table1 tr并且它可以正常工作。

#table1 td, #table1 tr
{
   text-align:center;
   border: 1px solid black;
}

Example

带有多个表的CSS表边框

1 个答案: