[CSS]css 선택자 결합 & 복잡한 선택자 사용법

목차

css 선택자 결합 & 복잡한 선택자 사용법

선택자 결합 & 복잡한 선택자 사용법
① 아래와 같이 선택하고자 하는 요소에 대한 구문을 먼저 정의함
div#greentea > blockquote: 아이디가 greentea인 div의 자손선택자 중 blockquote를 선택
② 그리고 선택하려는 요소를 놓음
div#greentea > blockquote p(요소): blockquote의 구문에 선택하려는 요소인 p요소를 추가(이 p요소는 blockquote의 자손이어야 하며, greentea란 id를 가진 div의 자식이어야 함)
③ 그리고 의사클래스나 의사요소를 명시함
div#greentea > blockquote p:first-line {font-style: italic;} ==> id가 greentea인 div요소의 자손 중 blockquote요소의 p요소 중 첫번 째 줄만 선택

출처 : Head First HTML and CSS(개정판)