퀴즈 / CSS / 문제

CSS :target 의사 클래스(pseudo-class)는 어떤 요소를 선택하나요?

어려움 MDN Web Docs
보기 및 정답
A 현재 URL의 프래그먼트(해시)와 일치하는 id를 가진 요소를 선택한다
B :hover 가상 클래스는 터치 디바이스에서 절대로 활성화되지 않는다
C 가상 요소는 DOM에 실제 노드로 추가되어 자바스크립트로 접근 가능하다
D 속성 선택자 [attr~=val]은 정확히 일치하는 요소만 선택한다

해설

:target 의사 클래스는 URL의 해시(#section1 등)와 일치하는 id를 가진 요소를 선택합니다. 예를 들어 URL이 page.html#intro일 때 #intro 요소에 스타일을 적용할 수 있어, CSS만으로 탭이나 아코디언 UI를 만드는 데 활용할 수 있습니다.

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

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

정규반 살펴보기
START THE LOOP · CHOOSE

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

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기
처리 중...