브라우저는 언제 태그당 여러 클래스를 지원하기 시작했습니까?
문제
현재 웹 브라우저의 HTML 태그에 둘 이상의 CSS 클래스를 사용할 수 있습니다. 예:
<div class="style1 style2 style3">foo bar</div>
이것이 항상 효과가 있었던 것은 아닙니다.주요 브라우저는 어떤 버전에서 이 기능을 올바르게 지원하기 시작했습니까?
해결책
@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에서는 작동하지 않습니다.
다른 팁
나는 Firefox가 적어도 v1.5 이후로 항상 이것을 지원했다고 믿습니다.IE는 v7에서만 완전한 지원을 추가했습니다.IE6에서는 부분적으로 지원하지만 버그가 꽤 많기 때문에 제대로 작동할 것이라고 기대하지 마세요.
에 따르면 블루베리, IE4 및 Netscape 4.x는 이를 지원하지 않습니다. HTML 4.0 사양 라고
클래스 = cdata-list [CS]
이 속성은 클래스 이름 또는 클래스 이름 세트를 요소에 할당합니다.여러 요소에 동일한 클래스 이름 또는 이름이 할당 될 수 있습니다.여러 클래스 이름은 공백 문자로 분리해야합니다.
분명히 IE 6은 여러 클래스 이름을 포함하는 CSS 선택기가 있는 경우 이를 올바르게 처리하지 않습니다.http://www.ryanbrill.com/archives/multiple-classes-in-ie/