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