메뉴 건너뛰기

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 18279
402 span과 text-align : center; 에 관한 문제입니다. file 2019.10.15 279576
401 11장 6번 으엉 2019.11.27 187615
400 placeholder속성 1 khl 2017.04.08 85724
399 11장 6번 1 mj 2018.11.29 67554
398 실습문제 8-2 (3) 13412 2018.11.08 15366
397 웹 프로그래밍 책 답안지 1 mumu 2017.03.06 14075
396 살다 살다 답을 반쪽만 주는 책은 처음입니다 1 음음 2019.01.24 8848
395 Open Challenge 와 실습문제 자료 2 김원상 2017.04.29 7446
394 14장 예제 사라진 건가요 1 ... 2021.03.09 4078
393 localhost 관련 문의 3 소년정 2018.02.20 4038
392 페이지 247 에 있는 Open Challenge 05 의 CSS3로 태그 배치하기를 공부하고 있는데 질문드립니다. 1 file 워니고 2018.03.28 3877
391 ㅠㅠ..질문좀 드리겠습니다.. 1 은성 2017.04.18 3835
390 연습문제 답안지 2 vdncnck 2017.03.28 3265
389 짝수번 정답 3 idididid 2017.12.24 3135
388 8장 연습문제 실습문제 4장 2 student 2017.05.08 2871
387 10장 오픈챌린지 5 은성 2017.04.07 2247
386 open challenge 05 2 hardworking 2017.03.29 2224
385 5장 연습문제 홀수 번 질문 1 채XX 2019.06.17 1997
384 HTML을 열심히 공부중인 학생입니다 3 열심히 하자 2018.05.30 1962
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로