暗黙の親のCSSスタイル祖父母、親、子パターンが

Question

を知られているとき、私はHTMLとCSSでこのような状況があります（簡潔にするために編集）

CSS

.heading-border{ border-bottom:2px groove; } 

HTML

<tr class="heading-border"> 
    <th>Some Label</th> 

されていますここでは、<tr>をcssからのjavascriptにターゲティングする方法を明示的に定義する必要はありません（言い換えれば、どのような<tr>のスタイルは、<th>を含んでいますか？その理由は、このような状況が多くの場所に存在し、私はあらゆる場所でクラスに印を付ける必要がないということです。

Answer 1

これは現時点では不可能ですが、レベル4セレクタで使用している可能性があります。将来的には明示的にドル記号とそれを付けることによって、セレクタの主題を宣言することができるようになります：上記のシンボルの

$div p { 
    /* div is the subject, not p */ 
} 

一つのノート、それは静止空気中にアップ表示されていることです。私はそれが?であるという報告書と、それが!であることを示唆する報告書を読んだ。ボトムラインは、スペックを見て:)

http://www.w3.org/TR/selectors4/#subject
http://dev.w3.org/csswg/selectors4/#subject

Answer 2

残念ながら、 CSSだけではありません。子供のように後方に働くほどスマートではありません。一方向のみネスティングすることができます。