브라우저는 언제 태그당 여러 클래스를 지원하기 시작했습니까?

StackOverflow https://stackoverflow.com/questions/61051

  •  09-06-2019
  •  | 
  •  

문제

현재 웹 브라우저의 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/

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top