인프런 커뮤니티 질문&답변
작성한 질문수
선택자 관련 질문 있습니다.
작성
·
204
1
선생님 안녕하세요. 선택자 관련해서 모르는 부분이 있어 질문 드립니다.
1. html 구조를 .container 하위에 div.sidebar를 배치하지 않고 .container 외부에 div.sidebar를 배치 했을 경우에 input:checked 로 같은 기능을 할 수 있게 하는 방법은 없나요?
2. input:checked 다음에 space 혹은 인접선택자 종류만 쓸수 있으니까 html 구조에서 .sidebar를 꼭 하위 또는 뒤따르는 요소, 형제요소로 배치하라는 말로 이해했는데 제대로 이해한게 맞을까요?
답변 1
2
코딩웍스(Coding Works)
지식공유자
인접선택자는 위로는 올라갈 수 없습니다. 그래서 아래로만 선택이 가능합니다.
.container 밖에 div.sidebar 배치하고 싶으면 아래처럼 하시면 됩니다.
input은 어차피 보이지 않는 부분이니까 어디에 있어도 상관없습니다.
아래 코드처럼 하면 body 내에 모든 내용을 선택할 수 있습니다.
<body>
<input type="checkbox">
<div class="container">
.....
</div>
<div class="sidebar">...</div>
</body>