CSS에서 :has() 선택자(관계 선택자)의 기능으로 올바른 것은?

Q: CSS에서 :has() 선택자(관계 선택자)의 기능으로 올바른 것은?

특정 자식이나 후속 요소를 포함하는 부모 요소를 선택한다 :has() 선택자는 CSS에서 부모 선택자 역할을 합니다. 예를 들어 .card:has(img)는 이미지를 포함한 .card만 선택합니다. 기존에는 JavaScript 없이 불가능했던 '자식 조건에 따른 부모 스타일링'이 순수 CSS로 가능해졌으며, 양식 상태에 따른 레이블 스타일링 등에 유용합니다.

보통 MDN Web Docs

보기 및 정답

A 특정 자식이나 후속 요소를 포함하는 부모 요소를 선택한다

B 클래스 선택자는 ID 선택자보다 명시도가 높게 적용된다

C 인접 형제 선택자(+)는 이전의 형제 요소를 선택한다

D 일반 형제 선택자(~)는 바로 다음 하나의 형제만 선택한다

해설

:has() 선택자는 CSS에서 부모 선택자 역할을 합니다. 예를 들어 .card:has(img)는 이미지를 포함한 .card만 선택합니다. 기존에는 JavaScript 없이 불가능했던 '자식 조건에 따른 부모 스타일링'이 순수 CSS로 가능해졌으며, 양식 상태에 따른 레이블 스타일링 등에 유용합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

CSS에서 :has() 선택자(관계 선택자)의 기능으로 올바른 것은?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

모두를 위한 진짜 쎈 바이브코딩