안녕하세요. UXKM입니다.
CSS 선택자 Level 4 명세에 포함된 주요 선택자의 학습 내용을 추가·보강했습니다.
더 간결하고 유연하게 스타일을 작성할 수 있도록 다음 선택자의 사용법과 특징을 정리했습니다.
- :has() - 특정 요소의 포함 여부나 관계에 따라 요소 선택
- :is() - 여러 선택 조건을 하나로 묶어 표현
- :where() - 명시도를 높이지 않고 여러 선택 조건을 묶어 표현
- :focus-visible - 브라우저가 초점 표시가 필요하다고 판단한 경우 스타일 적용
- :focus-within - 자신이나 하위 요소에 초점이 있을 때 스타일 적용
- :any-link - 방문 여부와 관계없이 하이퍼링크 요소 선택\
각 선택자의 특징을 살펴보고, 실제 스타일 작성에 활용해 보세요.
감사합니다.