css - CSS マッチ要素クラス要素

Question

class を持つすべてのtd要素を一致させるにはどうすればよいですか?trtrmy-class

私はもう試した

tr .my-class td

また、完全に資格を取得した方が良いですか？

table tbody tr tdより良いですtdか？

Answer 1

常にセレクターの数を最小限に抑えるため、代わりに

tr.my-class td

ただ使う

.my-class td

2 番目の質問は最初の質問に関連しています。以下のセレクターを使用する場合

table tbody tr td

ブラウザは最初にすべてのtd要素に一致します。次に、これらの要素のどれがtrelement に配置されているかをチェックし、次にどれが にtbodyあり、最後に にあるかをチェックしtableます。適切に構造化されたコードtdは常にテーブルに配置されるため、セレクターを過度に修飾する必要はありません。

CSS セレクターの効率に関する記事は多数あります。たとえば、http://csswizardry.com/2011/09/writing-effective-css-selectors/を参照してください。

Answer 2

これを使用するだけです：

.my-class td

通常、あなたが求める方法で完全に修飾することは良いことではありません。それは過度に具体的であると呼ばれます

Answer 3

次のいずれかを実行できます。

.my-class td {
    // your css rules here
}

または...

tr.my-class td {
    // your css rules here
}

または...

table tbody tr.my-class td {
    // your css rules here
}

どれだけ具体的にしたい/する必要があるかによって異なります。

それが機能する限り、書くcssが少ないほど良いことをお勧めします。