써치킴의 우당탕탕 개발 블로그

[HTML/CSS][Ch7] CSS 복합 선택자 본문

알아두자 HTML, CSS

[HTML/CSS][Ch7] CSS 복합 선택자

써치킴 2021. 9. 19. 20:56

CSS 복합 선택자

일치 선택자(Basic Combinator) : 선택자 ABC와 XYZ를 동시에 만족하는 요소 선택

태그 선택자는 맨 앞에 적고 그 다음에 클래스 or 아이디 선택자를 사용해야함.

 

자식 선택자(Child Combinator) : 선택자 ABC의 자식 요소 XYZ 선택

 

하위(후손) 선택자(Descendant Combinator) : 선택자 ABC의 하위 요소 XYZ 선택

띄어쓰기가 선택자의 기호

 

인접 형제 선택자(Adjacent Sibling Combinator) : 선택자 ABC의 다음 형제 요소 XYZ 하나를 선택

 

일반 형제 선택자(General Sibling Combinator) : 선택자 ABC의 다음 형제 요소 XYZ 모두를 선택

Comments