당신이 항상 작동하지브라우저가 언제 태그 당 여러 클래스를 지원 했습니까?
<div class="style1 style2 style3">foo bar</div>
현재 웹 브라우저, 예컨대 :에 HTML 태그에 하나 개의 CSS 클래스 이상을 사용할 수 있습니다; 어떤 브라우저가 주요 브라우저에서이 기능을 올바르게 지원하기 시작 했습니까? http://www.ryanbrill.com/archives/multiple-classes-in-ie/
@Wayne Kao - IE6은 요소에 두 개 이상의 클래스 이름을 읽고 각 클래스에 속한 스타일을 적용해도 문제가 없습니다. 이 기사에서 언급하는 것은 클래스 이름의 조합을 기반으로 새로운 스타일을 만드는 것입니다.
<div class="bold italic">content</div>
.bold {
font-weight: 800;
}
.italic {
font-style: italic;
{
IE6은 div에 굵은 글꼴과 기울임 꼴 스타일을 모두 적용합니다. 그러나 굵은 기울임 꼴 클래스와 이탤릭 클래스가있는 모든 요소가 자주색으로 표시되기를 원한다고 가정 해보십시오. Firefox (또는 확실하지 않은 IE7)에서 다음과 같이 쓸 수 있습니다.
.bold.italic {
color: purple;
}
IE6에서는 작동하지 않습니다.
분명히 IE 6를 올바르게 처리하지 않습니다. IE는 v7에서 완전한 지원 만 추가했습니다. IE6는 부분적으로 지원하지만 꽤 버그가 있으므로 제대로 작동하는지 확인하지 마십시오.
내가 파이어 폭스는 항상 어쨌든 적어도 1.5 버전부터이 지원했다고 생각 : 여러 클래스 이름을 포함하는 CSS 선택기가있는 경우
blooberry에 따르면 IE4와 Netscape 4.x는이를 지원하지 않습니다. HTML 4.0 spec는
클래스 = CDATA리스트는 [CS]가
이 속성은 클래스 이름을 할당하거나 소자 클래스의 이름을 설정했다. 요소의 수에는 동일한 클래스 이름이 할당 될 수 있습니다. 복수 클래스 의 이름은 공백으로 구분해야합니다 ( ).
[체인 된 선택기에 대한 브라우저 지원] (http://www.browsersupport.net/CSS/.class.class_ (multiple_class_selector)) –