选择父元素之外的CSS元素

Question

我想选择父选择器之外的CSS元素。我可以用CSS做到这一点吗？以下是我想要实现的示例：

^

如果输入类型不为空，我希望隐藏<p>Register Form</p> <div> <p>Full Name :</p> <p><input type='text' name='name' required></p> </div> <p>Please fill in the box above</p> 之后的<p>。以下是我尝试但结果失败的div：

style

Answer 1

遗憾的是，纯粹的css无法做到这一点。您不能使用css修改元素的父元素，只能修改子元素和后续兄弟元素。

当子输入有效/无效时，您可以使用javascript在父div上切换一个类，然后使用CSS修改父div的兄弟。