인프런 커뮤니티 질문&답변

KIP님의 프로필 이미지
KIP

작성한 질문수

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

모던 웹을 위한 상세한 모던 CSS Selector 정리2

형제 셀렉터 질문입니다.

작성

·

175

0

강사님 안녕하세요. 

다름이 아니라  강의 젤 뒷쪽 input태그와 함께 span태그를 사용하시는걸 보면서 든 생각입니다.

형제 셀렉터는 동위레벨의 태그에 대해서 적용이 된다고 하셨는데, 실제로 input과 br, col같은 self-closing이 가능한 태그는 span태그가 그 안에 들어가있다고 해도 동위레벨로 봐야할까요?

그냥 <input type ..../> + <span></span>은 이해가 가는데,  input내부에서 적용을 하니 제 생각이 맞는지 궁금합니다 감사합니다!

 

 

 

 

답변 2

1

안녕하세요.

 

제가 정확히 질문을 이해를 한 것인지, 조금 걱정이 되는데요.

br 과 같이 self-closing이 된 태그 그 다음줄에 span 태그가 있으면, 이 부분이 동위 레벨이냐가 궁금하신 것이지요? 그렇다면, 맞다고 봐야 할 것 같아요.

다음과 같이 태그 내에 태그가 들어가면, 내부적으로 일종의 트리가 구성됩니다. 트리가 각각 레벨이 있는 것이니까요. 태그 안에 태그가 들어가면 트리의 다음 단계에 연결될 것인데, 일종의 self-closing 태그는 그 태그 아래로 다른 태그를 가져갈 수 없을 것이니, 동위 레벨로 보시면 될 것 같습니다.

 

http://www.tcpschool.com/css/css_selector_sibling

 

감사합니다.

0

KIP님의 프로필 이미지
KIP
질문자

이해했습니다. 트리구조를 생각했으면 됐는데, 착각을 했네요 감사합니다!!

KIP님의 프로필 이미지
KIP

작성한 질문수

질문하기