スタイル要素なしH1兄弟要素

が存在しない場合にのみ、私は自分のページ上のマークアップの2セットを持っていますdiv.row > tableh1がdiv.rowである場合には、たとえば、上記のマークアップでは、最初のtableはスタイリングされますが、2番目のスタイルはスタイルされません。スタイル要素なしH1兄弟要素

条件のセットに対してルールを設定する便利な方法が見つかりません。私はSASSには全く新しいので、table要素に特定のクラスを追加する必要はありません。

これを達成するためのヒントがありますか？

出典

2017-02-06 BlackHoleGalaxy

'h1'は常に' table'前に直接付属していますか？ –

h1がある場合 – BlackHoleGalaxy

あなたはいつもこれが:not()の組み合わせと次の兄弟（+）セレクタを使って、CSSで実現可能である後、隣接h1要素を表示さtableのスタイルを探していたよう。

.row > :not(h1) + table

ルールは、直接がクラス.row持つ要素の直接の子であるh1ない要素が先行任意table要素と一致します。

.row > :not(h1) + table { 
 
    border: 1px solid blue; 
 
    margin-top: 10px; 
 
}

<div class="row"> 
 
    <div>Some random div(s)</div> 
 
    <table> 
 
    <tr> 
 
     <td>This will match the rule</td> 
 
    </tr> 
 
    </table> 
 
</div> 
 
<div class="row"> 
 
    <div>Some random div(s)</div> 
 
    <h1>Table Title</h1> 
 
    <table> 
 
    <tr> 
 
     <td>This will not match the rule</td> 
 
    </tr> 
 
    </table> 
 
</div>

出典

2017-02-07 08:55:54

ありがとう、それは期待どおりに仕事をします。 '：not（）'セレクタについて考えなかった。 – BlackHoleGalaxy

問題はありませんが、うれしく思います。 –