子どもの入力に基づく隣接する兄弟

Question

これで、子供の有効な入力に基づいて隣接する兄弟をスタイルすることは可能ですか？

<div id="source"> 
    <input type="text"> 
</div> 
<div id="target"> 
</div> 

そして、ここで私がやりたいことのいくつかの擬似CSSだ：

(#source input:valid) + div { 
    // add cool styling 
} 

サス/少ないと任意のソリューション では、次のHTMLを持っていたと言いますか？基本的には、兄弟divの子入力にテキストが入力されている場合、隣接するdivのスタイルを設定したいと思います。

Answer 1

答えはいいえです。

兄弟セレクタは親/兄弟ではなく兄弟でのみ動作します。 SASS/LESSはCSSにコンパイルされ、DOMを認識しません。 CSSの作成を容易にするためのツールが追加されていますが、これらのツールはコンパイル後に削除されています。