複数テーブルのCSSテーブル境界

Question

1ページに2つのテーブルがあります。私はそのうちの1つの周りを境界線にしたいが、もう一方の境界線には境界線がない。だから私はid = ""を使用しています。しかし、それはまだ両方のテーブルの周りに境界線を置いており、私はなぜそうは分かりません。境界線がないためにtable1を変更すると、両方のテーブルの境界線が削除されます。役に立つリンクやアドバイスをお願いします。ありがとう。あなたは#table1 td, trであなたのセレクタを変更する必要が

table 
 
{ 
 
    border-collapse: collapse; 
 
} 
 

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

 
#table1 th 
 
{ 
 
    background: orange; 
 
} 
 

 
#table2 
 
{ 
 
    margin:auto; 
 
}

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

Answer 1

。 #table1 tdは、すべてtdの#table1に適用されますが、trの場合はtrが適用されます。

#table1 td, #table1 trに設定すると動作します。

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

Example