• Q&A
  • 회원가입
  • 로그인

[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

필수. 지정 선택자.

※ 모든 요소 가능.

 


오늘도 즐겁게 열심히 .....

찾아주셔서 감사합니다. Since 2012