상위 요소 외부 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> 

내가 입력 유형이 비어 있지 않은 경우 div 후 <p>가 숨겨져있을 수 있도록 원하는 : 다음은 내가 달성하고자하는 예이다. 아래는 내가했지만 실패 결과에 시도했던 style은 다음과 같습니다

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

Answer 1

는 슬프게도이 순수 CSS로 수행 할 수 없습니다. css, 자식 및 그 이후의 형제 만 사용하여 요소의 부모를 수정할 수 없습니다.

자식 입력이 유효하거나 유효하지 않은 경우 부모 div의 클래스를 토글하고 CSS를 사용하여 부모 div의 형제를 수정할 수 있습니다.