CSS 클래스의 반복은 CSS의 문서에 따르면 특이성

Question

을 증가 : http://www.w3.org/TR/CSS21/cascade.html#specificity

특이도는 선택의 속성과 의사 클래스의 수 (다른 것들 사이)에 의해 정의된다.

제 질문은, 동일한 클래스 이름을 계속해서 반복하여 특이성을 높일 수 있습니까? 예를 들어

:

것

.qtxt.qtxt.qtxt.qtxt.qtxt 
{ 
} 

는

.qtxt.lalgn 
{ 
} 

또는

.lalgn .qtxt//(space added to create child selector) 
{ 
} 

보다 더 높은 특이성을 가지고?

Answer 1

예, 가능하며 의도적으로 가능합니다. 이가 CSS2 사양에서 언급되지 않지만, 그것이 명시 적 Selectors 3 spec 언급된다

참고 반복 occurrances가 [원문] 같은 간단한 선택기 허용되는 특이성을 증가 않는다.

따라서만큼 선택이 유효하고 적용으로 반복 간단한 선택기가 발생할 때 이 특이성을 증가해야하는 브라우저. 이는 반복 클래스에만 적용될뿐만 아니라 반복되는 ID, 속성 및 의사 클래스에도 적용됩니다. 코드 감안할 때

, .qtxt.qtxt.qtxt.qtxt.qtxt 가장 높은 특이성을해야합니다. 다른 두 선택기도 동일합니다. 콤비는 전혀 특이 계산에 아무런 관계가 없다 :

/* 5 classes -> specificity = 0-5-0 */ 
.qtxt.qtxt.qtxt.qtxt.qtxt 

/* 2 classes -> specificity = 0-2-0 */ 
.qtxt.lalgn 

/* 2 classes -> specificity = 0-2-0 */ 
.lalgn .qtxt 

또한, 마지막 선택의 공간이 후손 콤비가이다; 자식 조합자는 >입니다.

Answer 2

이 같은 특이성을 해킹 할 필요가 없습니다 ... 당신이 값을 강제해야하는 경우, !important를 사용합니다. 당신은 클래스 이름을 번 이상 반복하면

Answer 3

.qtxt.qtxt.qtxt 가장 높은 특이성을 할 것이다 ... 그러나

http://jsfiddle.net/nXBTp/1/

이는 경우가 그 예를 들어 다른 선택 :

http://jsfiddle.net/nXBTp/2/