基于子输入的CSS相邻兄弟

Question

好的，那么可以根据孩子的有效输入来设置相邻兄弟的样式吗？ 假设您有以下HTML：

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

这里有一些我想做的伪CSS：

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

使用Sass / Less的任何解决方案？基本上，如果其兄弟div的子输入已输入文本，我想设置相邻div的样式。

Answer 1

答案是否定的。

同级选择器仅适用于兄弟姐妹，而不适用于父/子兄弟姐妹。 SASS / LESS编译为CSS并且不知道DOM。虽然他们有额外的工具来简化编写CSS，但这些工具在编译后就已经消失了。