반응형
목차
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(개정판)
반응형
'IT > HTML&CSS' 카테고리의 다른 글
| [CSS]css 레이아웃 (0) | 2022.11.30 |
|---|---|
| [CSS]CSS table display (0) | 2022.11.30 |
| [CSS]css 변형(transform) & 트랜지션(transition) (0) | 2022.11.30 |
| [CSS] 티스토리 블로그 스킨 편집_글꼴(폰트) 바꾸는 방법 (2) | 2021.12.22 |
| [비즈니스] 아웃룩 자주쓰는 메일 서식 저장하기 (0) | 2021.12.07 |