css - {selector} を含まないすべての要素を css で非表示にします

Question

私は例を持っています (js-fiddle) クラス "day_label" と "hide" のない要素 tr 要素を含まないすべての tbody 要素を非表示にしたいです。日の記録はありません。

Answer 1

子に基づいて親を効果的に選択すること（あなたが求めていること）は、CSSでは不可能です（この特定の凍結された瞬間に）。

あなたが持っている23つの;）オプション：

1. HTMLを（サーバー側言語またはJSで）生成するときは、子の状態を説明するクラスを使用して親を生成します。このようにして、親を直接ターゲットにすることができます。

2. JavaScriptを使用して親をターゲットにし、適切な種類の子があるかどうかを計算します。含まれている場合は、必要なスタイルを追加するclassNameを適用します。

3. 他の状況では、Abe Petrilloが述べているように、ロジックを逆にして、特定のセレクターが見つかった場合にのみ有効にすることもできます。ただし、これは、実装できるよりも複雑な「条件付きロジック」を伴うため、これが実行しようとしていることには機能しないと思います。

Answer 2

Answer 3

意味がわかりませんが、すべての行を非表示にしてから、関連する行を表示できます。

tbody tr { display:none; }
tbody tr.day_label { display: block; }