combinator
-
[Day 13] CSS Combinator & FlexTIL/멋쟁이사자처럼 FE스쿨 2기 2022. 4. 13. 18:48
Combinator CSS에서 선택자를 단독으로 사용하는 게 아니라 여러 개를 결합하는 쓰는 경우가 있는데, 이렇게 사용하는 선택자를 Combinator라고 한다. 컴비네이터의 종류로는 1. 자손(Descendant) 컴비네이터: 공백 2. 자식(Child) 컴비네이터: > 3. 인접 형제(Adjacent sibling) 컴비네이터: + 4. 일반 형제(General sibling) 컴비네이터: ~ 아래 예시를 통해 퀵하게 익혀보자! /*섹션 아래에 있는 모든 ul 태그*/ section ul { text-shadow: none; } /*섹션 바래 아래에 있는 ul 태그*/ section > ul { text-shadow: none; } /*h1 바로 옆에 있는는 ul 태그만*/ h1 + ul { col..