질문과 답변 (구)

최근본상품
TOP
DOWN

질문과 답변 (구)

css 스타일 궁굼한 점 하나 더 있습니다.

2015.10.29 13:56 498 6

본문

.sidebar > .sidebar-content .sidebar-bottom

스타일에서

 > 의

사용법이 궁굼해요.

0
로그인 후 평가 가능합니다.
- 미니언즈 - 회원등급 : / Level 11
포인트 0
경험치 12,836
[레벨 11] - 진행률 84%
- 가입일 : 2015-05-25 15:21:28
- 서명 : 미입력
- 자기소개 : 태연 아이유를 좋아합니다.

댓글목록 6

이윰MOUNT님의 댓글

child selector 라고 합니다.

예를 들어 body > .header 라고 했을때


<body>
    <div class="header">
        <p>child selector</p>
    </div>
</body>

<body> 바로 아래인 <div class="header"> 가 선택됩니다.
그러나 아래와 같은 경우는 <body>태그 바로 아래 <div class="wrapper"> 이 들어가 있어 <div class="header"> 가 선택되지 않습니다.

<body>
    <div class="wrapper">
        <div class="header">
            <p>child selector</p>
        </div>
    </div>
</body>


즉 바로 아래의 자식요소를 선택하는 기호입니다.

축하합니다. 첫댓글 포인트 5포인트를 획득하였습니다.

미니언즈님의 댓글

아 그런의미였군요... 감사합니다!^^

이윰MOUNT님의 댓글

추가 설명을 드리자면
꺽쇠가 빠진 body .header 는 Descendant selector 인데 body 아래 후손중 해당 클래스가 있으면 다 선택합니다.
즉 아래 코드의 <div class="header">가 선택되어 지게 됩니다.


<body>
    <div class="wrapper">
        <div class="header">
            <p>Descendant selector</p>
        </div>
    </div>
</body>

미니언즈님의 댓글

아~ 이해가 쏙쏙되요.ㅎㅎ
나중에 잊지않도록 잘외워둬야겠어요.

미니언즈님의 댓글

차일드 셀렉터를 어떠한 상황에서 써야하는지 이제 알겠어요.
방금 차일드 셀렉터 덕분에 고민하던 문제를 해결하였습니다.!^^
감사합니다~

축하합니다. 행운의 포인트 8포인트를 획득하였습니다.

살사바님의 댓글

.

질문과 답변 (채택기능) 게시판이 신설되었습니다.
질문과 답변 (구) 게시판은 글쓰기가 제한되오니 착오 없으시길 바랍니다. (댓글 및 조회는 여전히 가능합니다.)

전체 2,800 건 - 1 페이지
제목
이윰넷 2017.10.24 469 0
도깨비뿅망치 2017.10.24 611 0
홍인 2017.10.24 466 0
tenuunsalhi 2017.10.23 489 0
jumphu 2017.10.23 477 0
jumphu 2017.10.23 455 0
GNDOON 2017.10.23 468 0
jumphu 2017.10.23 442 0
gang 2017.10.23 399 0
백철하 2017.10.22 458 0
클라네스 2017.10.22 420 0
gang 2017.10.21 456 0
최태풍 2017.10.21 461 0
꿈꾸는개발자 2017.10.20 431 0
부끄럼소년 2017.10.20 497 0