[CSS] 복합 선택자(Combinators)

복합 선택자(Combinators) 1. 일치 선택자(Basic Combinator) - 조건 E와 F를 동시에 만족하는 요소 선택 시 EF - 일치 선택자는 기본 선택자 4개 중 둘 이상을 붙여서 작성함. - 두 조건을 동시에 만족하는 요소를 찾음. 일치 선택자 사용 예시 2. 자식선택자(Child Combinator) - HTML에는 부모 요소와 자식 요소라는 개념이 있고 이들은 상대적임. - E의 자식 요소 F를 선택 시 E>F - 실질적으로는 마지막 부분에 있는 선택자만 찾는 것이고 앞 부분의 선택자는 일종의 조건에 해당함. 자식 선택자 사용 예시 - 위의 예시에서 결과적으로는 .color-red라는 요소를 찾는 것인데 그 조건이 ul 태그의 자식이어야 한다는 것. 3. 후손(하위, 자손) 선택자(Descendant Combinator) - E의 후손 요소 F를 선택 시 E F - 선택자와 선택자 사이의 띄어쓰기가 선택자의 기호로 사용된다는 점에 주의할 것. - 마지막 부분...

원문링크 : [CSS] 복합 선택자(Combinators)