형제 인접자 display:none; 일 때 적용되지 않는 이유
·
👩🏻💻STUDY/CSS
1. 문제마크업을 짤 때 개발자에게 넘겨주기 위해 임시로 인라인에 display:none; 처리한 경우가 있었다.block3이 백그라운드가 적용될 줄 알았는데 되지 않았다.block1block2block3.block1 + .block3 {background-color:red;} 2. 이유인접 형제 선택자는 "HTML 구조상 바로 다음 형제" 만 선택하기 때문.즉, 요소가 화면에 보이느냐 (display:none 이냐) 는 전혀 상관없고, HTML 구조상 바로 다음에 오는 형제만 인식 한다.display:none은 보이지 않게만 할 뿐, DOM 구조에서 사라지는 것이 아니기 때문이다.