当元素使用css处于活动状态时，如何修改页面上任何元素的css？

Question

我在div中有一个div和一个输入。

<div id="div">
    <input type="text" placeholder="search"/>
</div>

当输入有效时，我希望#div受到影响。 像这样：

#div input:active -> affect #div{
    background:white;
}

有类似的问题，但它们适用于输入内的对象或任何div。

提前致谢。