html - 特定のテーブルの th、tr、および td を参照する

Question

私のサイトには 2 つのテーブルがあり、それらの名前は次のとおりです。

<table class="table1">

<table class="table2">

を参照しようとしていますがtable1、td次trをth使用しています:

table.table1 td, tr, th {
    border: 1px solid red;
}

しかし、それは両方のテーブルに適用され、スタイリングをtable2. 何が悪かったのか？

Answer 1

各セレクターの間のコンマは、新しいセレクターを意味します。したがって、trandthセレクターは だけでなく、すべてのテーブルに共通table1です。table1したがって、それらのセレクターごとに指定する必要があります。

table.table1 td, table.table1 tr, table.table1 th {