Tech News

A Guide To Newly Supported, Modern CSS Pseudo-Class Selectors — Smashing Magazine 

:any-link = :link + :visited - href가 있는 모든 링크들

:focus-visible - 포커스 개체 스타일링

:focus-within - 포커스 시 상위개체 스타일링

:is() - 여러개의 셀렉터에 동시 적용

:where() - is()와 비슷하지만 zero-specificity. 프레임워크등에서 기본값 적용시 활용

향상된 :not() - 셀렉터 리스트 지원

:has() - 특정 개체를 가진 부모들 찾기. 제안엔 포함되었지만 "at-risk" (Rec 에선 빠질수도)

:empty - Level 3에서 제안. Child개체가 없는 모든 개체 선택