선택기의 특이성 계산 (CSS)

StackOverflow https://stackoverflow.com/questions/1942229

문제

선택기의 특이성을 계산하기 위해 세 숫자를 사용합니다. 여기서 왼쪽의 첫 번째 숫자는 ID 수, 두 번째 숫자는 클래스 수, 의사 클래스 및 속성을 나타내며 세 번째 숫자는 요소 수를 나타냅니다.

다음 숫자가 과장되어 있음을 알고 있습니다… ID는 클래스보다 구체적이며 클래스는 요소보다 구체적이지만, 특이성이 1.0.0 (하나의 ID를 가진 선택기)의 선택기는 0.222.0의 특이성을 가진 선택기보다 승리합니다 ( 222 개의 클래스/의사 클래스를 가진 선택기)?

도움이 되었습니까?

해결책

네.

테스트:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title></title>
<style type="text/css">
#ID {color:red}
.C1.C2.C3 ... .C220.C221.C222 {color:green}
</style>
</head>
<body>
<div id="ID" class="C1 C2 C3 ... C220 C221 C222">This is a test.</div>
</body>
</html>

텍스트는 최근 Firefox, Chrome, IE 및 Opera 브라우저에서 빨간색입니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top