CSS :modal 의사 클래스가 선택하는 요소는?

Q: CSS :modal 의사 클래스가 선택하는 요소는?

showModal() 메서드로 열린 요소처럼 모달 상태인 요소를 선택한다 :modal 의사 클래스는 현재 모달 상태에 있는 요소를 선택합니다. 대표적으로 showModal()로 열린 와 Fullscreen API로 전체 화면에 진입한 요소가 해당됩니다. show()로 열린 비모달 대화상자에는 적용되지 않습니다.

어려움 MDN Web Docs

보기 및 정답

A showModal() 메서드로 열린 <dialog> 요소처럼 모달 상태인 요소를 선택한다

B :nth-child()와 :nth-of-type()은 항상 동일한 요소를 정확히 선택하게 된다

C :first-child와 :first-of-type은 항상 동일한 요소를 선택한다

D ::before 가상 요소는 content 속성 없이도 자동으로 화면에 표시된다

해설

:modal 의사 클래스는 현재 모달 상태에 있는 요소를 선택합니다. 대표적으로 showModal()로 열린 <dialog>와 Fullscreen API로 전체 화면에 진입한 요소가 해당됩니다. show()로 열린 비모달 대화상자에는 적용되지 않습니다.

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

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

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

CSS :modal 의사 클래스가 선택하는 요소는?

해설

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

관련 문제

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