클래스가 2개인 요소를 선택하는 방법

클래스가 2개인 요소를 선택하는 방법

이 질문에는 이미 다음과 같은 답이 있습니다.

클래스가 두 개인 요소에 적용되는 CSS 선택기 (3개 답변)

마감됨2년 전에.

나는 이 요소들을 가지고 있습니다.

<div class="a b"></div>
<div class="b"></div>
<div class="a"></div>

저는 #666 색상의 a, b 등급의 요소에 적용하고 싶습니다.CSS로 어떻게 할 수 있습니까?

클래스 선택기 사이에 공백 없이 체인을 연결할 수 있습니다.

.a.b {
     color: #666;
}

당신에게 문제가 된다면 IE6는 다음과 같은 조치를 취할 것입니다..a.b~하듯이.b그래서 그 브라우저에서 둘 다.div.a.b그리고.div.b회색 텍스트를 사용합니다.올바른 브라우저와 IE6을 비교하려면 이 답변을 참조하십시오.

체인으로 연결하면 됩니다.

.a.b {
  color: #666;
}

언급URL : https://stackoverflow.com/questions/5116288/how-to-select-an-element-with-2-classes