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 의사 클래스가 선택하는 요소는?

해설

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

관련 문제

시장과 사람의 답을 봤다면,다음 결과물의 구조를 고릅니다.

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.