基于孩子输入的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更容易编写，但这些工具在编译后就不复存在了。