처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS 선택자 우선순위(Specificity)가 높은 순서로 올바르게 나열한 것은?

쉬움 MDN Web Docs
보기 및 정답
A 인라인 스타일 > ID 선택자 > 클래스 선택자 > 태그 선택자
B 태그 선택자 > 클래스 선택자 > ID 선택자 > 인라인 스타일
C 클래스 선택자 > ID 선택자 > 태그 선택자 > 인라인 스타일
D 클래스 선택자의 명시도는 ID 선택자보다 높게 계산되어 적용된다

해설

CSS 명시도(Specificity)는 인라인 스타일(1,0,0,0) > ID 선택자(0,1,0,0) > 클래스/속성/의사 클래스 선택자(0,0,1,0) > 태그/의사 요소 선택자(0,0,0,1) 순서입니다. !important는 이 규칙을 무시하고 최우선 적용됩니다.

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

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

정규반 살펴보기