메뉴 건너뛰기

2020.10.24 12:50

5-3 220page

조회 수 141 댓글 1

<style>태그에 div >p (자식관계)

<body> 태그안에 <div>

                           <img src="">

                                  <p style="">

                                  <p style="">

                        </div>

 

여기서 div>p 자식관계이라 되있으니 <div>바로다음에 <p>가 와야 적용이 되는데

 <div>다음엔 <img>가 있고 그다음에 <p>가 있으므로 div p 후손관계를 해야 되는거아닌가요? 

왜 문제없이 태그가 적용이 되는지 궁금합니다

?
  • ?
    관리자 2020.10.24 23:20

    HTML 소스를 정리하면 다음과 같습니다.
    <div>
        <img>
        <p></p>
        <p></p>
        <p></p>
    </div>

    여기서 <img> 태그는 closing 태그가 없는 종류의 태그입니다.(이런 태그에는 <hr> 같은 것들이 있지요)
    <p> 태그가 <img>의 자식이 아닙니다.
    <div>의 첫번째 자식이 <img>태그이고
    두번째, 세번째, 4번째 자식이 모두 <p> 태그입니다.

    아마도 질문자께서는 다음과 같을 것이라고 생각한 것 같습니다.
    <div>
        <img>
            <p></p>
            <p></p>
           <p></p>
        </img>
    </div>


QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.20 18275
103 303p. 12번에 2질문 드립니다 1 2020.10.15 96
102 9장 연습문제 4번 1 초보 2020.10.16 1007
101 7장 실습문제 10번 좀 도와주세요 ㅜㅠ 헷찡 2020.10.18 234
» 5-3 220page 1 고수가되고싶어요 2020.10.24 141
99 안녕하세요? 186쪽 예제 4-13 대해서 물어봅니다. 1 file 김현우 2020.11.02 125
98 chapter5 오픈챌린지 5장 아예 모르겠어요.. 열심히해보자 2020.11.03 308
97 실습 8장 8번 문제 질문이요! 1 2020.11.03 247
96 Page 396 script 위치 관련 질문 드립니다 2 질문드립니다 2020.11.05 154
95 6장 오픈챌린지 질문 1 giggle 2020.11.23 275
94 9장 실습문제 10번 계산기 만들기 2 호탱 2020.11.29 354
93 7장 1번 1 2020.11.30 312
92 13-5 하고 13-6 error 1 WebWeb 2020.12.09 148
91 실습문제 7장 5번 1 유등등 2020.12.17 711
90 실습문제 6장 6-(1) 어떻게 하는 건가요? 1 초보자 2020.12.23 215
89 p.296 isNaN 함수 1 yamto 2020.12.28 180
88 명품 html5+ 수정판 css3+ javascript 웹 프로그래밍 실습문제 이미지 파일 어디서 다운 받아요? 1 미카엘 2021.01.14 736
87 9장 실습문제 10번 2 왜죠 ㅠㅠ 2021.01.24 1204
86 연습문제 짝수답은어디있나요?? 2021.02.16 830
85 ch1 이론문제 1번 2 새내기 2021.03.06 221
84 14장 예제 사라진 건가요 1 ... 2021.03.09 4077
목록
Board Pagination Prev 1 ... 11 12 13 14 15 16 17 18 19 20 ... 21 Next
/ 21
위로