[selector] CSS - :has() 가상선택자 - 지정 요소 갖는 모든 요소 선택. (아직 지원 X)

목차

1. :has() 예제
2. :has() 정의
3. :has() 구문

:has() 예제 

 

자식 요소로 img 갖는 모든 a 태그.

a:has(> img)

 

바로 뒤에 p 요소가 있는 모든 h1 태그

h1:has(+ p)

 

:has() 정의 

 

내부에 지정 요소 갖는 모든 요소 선택. (아직 지원 X)

 

---

 

1.

jQuery의 :has() 대응해 도입 예정인 CSS 가상클래스.

 

2

아직 지원 브라우저 존재 X

지원 브라우저 확인하기

 

:has() 구문 

 

:has(selector)

 

---

[매개변수]

 

selector

필수. 지정 선택자.

※ 모든 요소 가능.