Pseudo Selectors (가상 선택자)
태그 이름이나 class, id를 쓰지 않고 선택자를 쓰는 법.
가상 클래스와 가상 요소로 나뉜다.
ex). 가상선택자 first-child 사용하기
animal li:first-child
① animal이라는 부모 안에 있는
② 첫번째 자식요소인
③ li에 대한 속성
첫번째 자식요소가 li가 아니라면
써먹을 수 없는 가상 선택자다.
가상 클래스 (pseudo class) | 가상 요소 (pseudo element) | ||
문법 | 선택자:가상클래스명 | 선택자::가상요소명 | |
쓰임 |
요소의 특정 상태에 대한 |
선택한 요소의 일부분만 |
|
종류 |
출처
'CSS' 카테고리의 다른 글
[CSS] BOX모델 (0) | 2020.08.12 |
---|---|
[CSS] 간단한 네비게이션바 만들기 (1) float, (2) height를 이용하기 (0) | 2020.08.11 |
[CSS] CSS 기초 (0) | 2020.08.10 |
[CSS] position (0) | 2020.05.19 |
[CSS] Box Model의 축약 표현 (0) | 2020.05.18 |