의사 클래스 : 선택하고자 하는 html요소의 특별한 상태를 명시할 때
1. 동적 의사 클래스(a 태그 상태)
- link
- visited
- active
- focus
- hover
2. 상태 의사 클래스
- checked : 체크된 상태의 input요소 선택
- enabled : 사용할 수 있는 input요소
- disabled : 사용할 수 없는 input요소
3. 구조 의사 클래스
- first-child : 모든 자식요소 중 맨 앞에 위치하는 자식요소를 모두 선택
- last-child : 모든 자식요소 중 맨 마지막에 위치하는 자식요소를 모두 선택
- ★nth-child : 모든 자식요소 중 n번째에 위치하는 자식요소를 모두 선택
- first-of-type : 모든 자식요소 중 맨 처음으로 등장하는 특정 타입요소 모두 선택
- nth-of-type : 모든 자식요소 중 n번째로 등장하는 특정 타입요소 선택
4. 기타 의사 클래스
- not
- pseudo-elemenet : html요소의 특정 부분만을 선택할 때 사용
>> 선택자::의사요소이름{
속성명 : 속성값;
}
>> 의사요소의 종류
ⓐ first-letter : 단락의 첫 글자만 선택
ⓑ first-line : 단락의 첫 라인만 선택(블록에만 가능)
ⓒ before : 특정 요소의 컨텐츠 부분 바로 앞에 다른요소 삽입 시
ⓓ after : 특정 요소의 컨텐츠 부분 바로 뒤에 다른요소 삽입 시
ⓔ selection
2023.04 ~ 백엔드 개발자의 기록
포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!