1

他のテーブルではなく、特定のテーブル内のすべてのセル (td 要素) にスタイルを適用したいと考えています。スタイルを適用したいテーブルの各 td にクラスを指定することなく、CSS でこれを行う方法はありますか?

たとえば、特定のテーブルのすべてのセルの 4 つの端すべてに 3px のパディングを設定したいとします。宣言できるすべての td に対してこれを行うには:

td { padding: 3px 3px 3px 3px; }

問題: これは、ページ上のすべての td に適用されます。これに、名前付きの単一のテーブル、または特定のクラスのすべてのテーブルに適用したいだけです。

何か案は？

4

4 に答える 4

7 
#someTable td { padding: 3px 3px 3px 3px; }

これにより、特定のテーブルのみにスタイルが適用されます

.someTable td { padding: 3px 3px 3px 3px; }

これにより、指定されたクラスのすべてのテーブルに変更が適用されます

于 2013-07-11T02:35:57.047 に答える
2

他の人が答えたように、td要素のスタイルを階層なしで宣言するのではなく、親セレクターに属する子孫セレクター（詳細はこちら）または子セレクター（詳細はこちら）として宣言すると、問題が解決します。

追加したい唯一のことは、以下のコメントで後述するように、子孫セレクターと子セレクターがわずかな違いで動作することです。

.my_table_class td { padding: 3px; } // will apply to all td elements underneath
                                     // .my-table-class (also to tables nested
                                     // below)


.my_table_class > td { padding: 3px; } // will apply to td elements immediately
                                       // under .my-table-class
于 2013-07-11T03:07:57.097 に答える
1

たとえば、ターゲットにしたいテーブルにクラスまたはIDを追加します

.yourTableClass td{Your Style here}
于 2013-07-11T02:37:18.023 に答える
0

これを使って。td.tbl_class{あなたのスタイル;}

于 2013-07-11T03:33:41.850 に答える