html - HTMLテーブルのボーダーCSS

Question

2つのテーブルがあります。1つは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;
}

なぜなら、CSSセレクターでは、 ;）tableのようなクラスを指定しない限り、すべてのテーブルを呼び出すことになります。table.class { ... }

// 編集

わかりました、私は言わなければなりません：

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

また動作します...

主なことは、CSSで目的の要素のIDまたはクラスを指定して、目的の要素にスタイルを適用することです。