inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

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

형제 셀렉터 질문입니다.

259

KIP

작성한 질문수 5

0

강사님 안녕하세요. 

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

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

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

 

 

 

 

HTML/CSS es6 javascript

답변 2

1

잔재미코딩 DaveLee

안녕하세요.

 

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

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

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

 

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

 

감사합니다.

0

KIP

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

교육기간을 연장할 수 있는지 문의드립니다.

0

40

1

메일 확인부탁드립니다

0

59

1

CodeSandbox Vanilla 질문있습니다

0

61

1

part1을 수강하지 않아도 지장이 없다 하셨는데

0

108

1

강의에 관해 문의 드립니다.

0

92

1

메일확인 부탁드립니다.

0

91

1

14강 - 72,73번 강의 영상이 동일한거 같습니다.

0

107

1

Symbol 관련 테스트 코드 실행 결과 문의

0

144

1

호환성 관련 태그

0

120

1

강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요

0

142

1

강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요

0

146

1

div id="highlighter"가 강의화면에는 없는데 왜 샌드박스파일에는 있는지 궁금해요

0

87

1

강의화면에 height 가 vh가 아닌 vw라고 나와있는데 뭐가맞는거죠

0

117

1

메일 확인 부탁드립니다.

0

146

1

메일 확인 부탁드립니다

0

150

1

특별한 형태의 javascript배열에서

0

136

1

메일 확인부탁드립니다!

0

163

1

codesandbox 업데이트..

0

145

1

pdf 파일에 있는 링크주소로 들어가지지가 않습니다.

0

266

2

강의에서 알려주신 Properties for the flex container 복습 사이트, 검색 발견되어서 공유드립니다~

0

152

1

removeEventlistener 를 왜 해주어야 하는지

0

229

1

100vw 관련 질문

0

335

2

VS CODE html:5 <tab>기능이 안됩니다

0

353

1

[모던웹페이지 만들기9](1:40)class-desc 카드부분관련

0

248

2