基於孩子輸入的CSS鄰接兄弟

Question

好的，那麼可以根據孩子的有效輸入來設計一個鄰居兄弟嗎？ 假設您有以下HTML：

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

這裏是一個什麼樣的一些僞CSS我想要做的：

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

與薩斯/減去任何解決方案？基本上我想風格一個相鄰的div如果其兄弟div的孩子輸入文本輸入。

Answer 1

答案是否定的。

兄弟姐妹選擇器只能與兄弟姐妹一起工作，而不能與父母/子女兄弟姐妹一起工作。 SASS/LESS編譯爲CSS並且不知道DOM。雖然他們有更多的工具可以使CSS更容易編寫，但這些工具在編譯後就不復存在了。