CSS 명시도 계산기

CSS 선택자의 명시도 점수를 계산하세요.

클릭하여 시도:

h1 .title

(0,0,1,1)

인라인

클래스/속성/가상

요소/가상 요소

#main .nav > a:hover

(0,1,2,1)

인라인

클래스/속성/가상

요소/가상 요소

CSS 명시도는 여러 규칙이 동일한 요소를 대상으로 할 때 어떤 스타일이 적용될지 결정합니다.

자주 묻는 질문

CSS 명시도란 무엇인가요?

CSS 명시도는 각 선택자에 부여된 가중치로, 여러 규칙이 충돌할 때 어떤 스타일이 우선하는지 결정합니다.

명시도는 어떻게 계산되나요?

4개의 값으로 계산됩니다: 인라인, ID 수, 클래스/속성/가상 클래스 수, 요소 수.

무엇이 이기나요?

인라인 > ID > 클래스/속성/가상 > 요소. !important는 모든 것을 재정의합니다.

!important는 언제 사용해야 하나요?

CSS 유지 관리를 어렵게 만들므로 신중하게 사용하세요.

유니버설 선택자는 명시도에 영향을 주나요?

아니요, *의 명시도는 0입니다.

이 도구 평가

3.7 / 5 · 68 개 평가