html - 複数のネストされた要素に同じスタイルを設定する

Question

さて、私は次のCSSを持っています：

.gridViewStyle tr th, .gridViewStyle tr td {
    padding: 5px;
}

そして、それは期待どおりに機能し、thとtd要素の両方にパディングを適用しています。ただし、完全修飾パスを複数回宣言する必要がありますか？言い換えれば、同じことを行うためのより簡潔な方法はありますか？

アップデート

特異性

特異性に関しては、これを他のテーブルに適用することはできません。このCSSクラスを使用してグリッドビューに厳密に適用する必要があります。

score 3 · Accepted Answer

th {特異性に応じて、または以上のものは必要ありませんtd {。

別のテーブルがあるかどうかによって異なります。th, td {そうしない場合は、最短の方法になります。もしそうなら、それtrは何もしていません（すべてとして、行の中thにtdあるはずなので、それを削除してください）

score 1 · Accepted Answer

は必要ありませんtr。tdとth要素の両方がに含まtrれるため、スペースがすべての子孫（子だけでなく）を選択するため、冗長になります。したがって、

.gridViewStyle th, .gridViewStyle td {

うまく動作します。

score 1 · Accepted Answer

あるいは、このようなことをすることもできます。あなたの特異性も尊重します。これは、あなたがそれを達成できる最短の方法です。

.gridViewStyle th, .gridViewStyle td {
    padding: 5px;
}

score 0 · Accepted Answer

いいえ、CSSだけではありません。

これを可能にするCSSプリプロセッサLESSまたはSASSがまだあります：

.gridViewStyle tr 
{
    th, td { padding: 5px; }

}

あなたが興味を持っているなら、ここにいくつかのリンクがあります