選擇父元素外部的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：

<style> 
div > p input:required:valid + p { 
    display: none; 
} 
</style> 

Answer 1

可悲的是這不能用純CSS完成。你不能用css修改元素的父母，只能修改孩子和隨後的兄弟姐妹。

當子輸入有效/無效時，您可以在父div上切換一個類，然後使用CSS修改父div的兄弟。