浏览器什么时候开始支持在标签中使用多个类？

Question

4

在当前的Web浏览器中，您可以在HTML标记中使用多个CSS类，例如：

<div class="style1 style2 style3">foo bar</div>

这并不总是有效；主流浏览器从哪个版本开始正确支持此功能？

- David Kolar

4个回答

2

我相信Firefox一直支持这个功能，至少从版本1.5开始就支持了。IE只在版本7中添加了完整的支持。IE6只是部分支持它，但它非常容易出现错误，所以不要指望它能正常工作。

- Nathan

2

根据blooberry，IE4和Netscape 4.x不支持此功能。HTML 4.0规范中提到：

class = cdata-list [CS]

该属性将类名或一组类名分配给元素。任何数量的元素都可以被分配相同的类名或类名集合。多个类名必须用空格字符分隔。

- eed3si9n

1

显然，如果您的CSS选择器包含多个类名，则IE 6无法正确处理它们： http://www.ryanbrill.com/archives/multiple-classes-in-ie/

- Wayne Kao

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Bryan M. · Accepted Answer

@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中不起作用。