그런 식으로 CSS 클래스를 연결하는 것이 유효합니까?

Question

나는 한동안 다음 기술에 의존해 왔습니다. 그러나 나는 그것을 종종 보지 못했고 그것에 대한 정보를 찾을 수 없었습니다. 아마도 내가 알지 못하는 적절한 이름을 가지고 있을까요? CSS 클래스 이름을 함께 묶어서 체인 연결이라고합니다. 그러나 체인 검색을 수행하면 대부분 jQuery에 대한 정보가 생성됩니다.

여러 클래스의 상태를 구별하기 위해 하나의 클래스 이름 (on)을 사용할 수 있습니다. 당신은 하나의 클래스 이름을 사용하여 여러 요소 상에 on 클래스를 전환해야 할 때

<a class="button"></a> 
<a class="button on"></a> 
<a class="button-two"></a> 
<a class="button-two on"></a> 
<!-- etc... --> 

그것은 동적 페이지에 매우 편리합니다.

하지만 유효합니까?

Answer 1

이것은 완벽하게 유효한 CSS입니다. IE6/및 IE7에는 클래스 체인과 관련된 몇 가지 문제가 있지만.

Answer 2

예, 유효한 CSS이지만 IE6에서는 제대로 작동하지 않습니다. 모든 클래스가 아닌 마지막 클래스 만 적용됩니다. 주제에 read more over at CSS-Tricks.com 수 있습니다.

Answer 3

이것은 매우 일반적이며 매우 일반적입니다.

이 매우 페이지에서 볼 수 있습니다

a.comment-user.owner { 
    padding: 2px 5px; 
} 

그러나, IE6 마지막 클래스를 제외하고 모두 무시합니다.
IE6에서 .a.b은 .b과 같습니다.