CSS의 :has() 가상 클래스 사용법

CSS에서 자식이나 후손 요소는 아주 쉽게 선택할 수 있지만, 부모나 조상 요소를 선택하는 것은 불가능한 일이 었습니다. 그래서 오랫동안 자바스크립트를 동원해서 이러한 문제를 해결하곤 했었죠.


하지만 CSS에 :has() 가상 클래스가 추가되면서 이것도 이제 옛말이 되었습니다. 웹 개발자들이 많이 기다렸던 만큼 2023년 State of JS 설문 조사 가장 많이 채택된 기능으로 뽑히고도 했었죠.


이번 포스팅에서는 비교적 최근에 CSS에 추가된 기능인 :has() 가상 클래스를 어떻게 사용하는지 알아보도록 하겠습니다.


📝 포스팅: https://www.daleseo.com/css-has/

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2025년 1월 15일 오후 10:32

 • 

저장 17조회 3,274

댓글 0

    함께 읽은 게시물

    < 제프 베조스는 왜 하루에 3번만 결정할까? >

    1. 2~3년 앞을 생각한다면 왜 오늘 100개의 결정을 해야 할까요?

    ... 더 보기

    Next.js 앱을 쿠버네티스에 배포하기 (feat. ArgoCD)

    ... 더 보기

    Next.js 앱을 쿠버네티스에 배포하기 (feat. ArgoCD) | 요즘IT

    요즘IT

    Next.js 앱을 쿠버네티스에 배포하기 (feat. ArgoCD) | 요즘IT


    < 자아는 완벽을 원하고, 문화는 완벽을 정의한다 >

    1. 모든 시대는 전부 대단하다고 느낄 정도로 다양한 방식으로 우리를 변화시켜왔다.

    ... 더 보기

    가치 있는 일

    

    ... 더 보기

    < 당신이 바쁜데도 성과가 없는 이유 >

    1. '바쁘다'는 건 열심히 많은 일을 하고 있다는 뜻이다.

    ... 더 보기