[Korean FE Article] :where() :is() :has()? 당신의 삶을 더 쉽게 만들어 줄 새로운 CSS 선택자
글 링크: https://bit.ly/3NBpsrR
소개
저뿐만 아니라 CSS를 어려워하는 프런트엔드 개발자가 많은 것으로 알고 있는데요. 글에서 나오는 것처럼 CSS를 어렵게 만드는 부분 중 하나가 명시도와 선택자입니다. 사실 이 글을 읽어보기 전까지 이런 많은 역할을 해주는 선택자가 있는지 알지 못했었는데요. 자바스크립트로 처리해야 하는 여러 부분을 처리해주는 :where(), :is(), :has() 세 선택자를 이 글을 통해 알아보고, 앞으로의 CSS 발전 방향도 예측할 수 있었으면 좋겠습니다.
목차
약간의 역사
:is()에 대한 지원여부 확인하기
:is()의사 클래스
:where() 의사 클래스
:has()의사 클래스: 부모 선택자
CSS 선택자의 미래