4

您可以在当前 Web 浏览器的 HTML 标记中使用多个 css 类,例如:

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

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

4

4 回答 4

9

@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 中是行不通的。

于 2008-09-14T15:37:48.833 回答
2

我相信 Firefox 一直支持这一点,至少从 v1.5 开始。IE 仅在 v7 中添加了完全支持。IE6 确实部分支持它,但它有很多错误,所以不要指望它正常工作。

于 2008-09-14T01:57:55.433 回答
2

根据blooberry的说法,IE4 和 Netscape 4.x 不支持这一点。HTML 4.0 规范

类 = cdata 列表 [CS]

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

于 2008-09-14T02:05:47.630 回答
1

如果您的 CSS 选择器包含多个类名,显然 IE 6 无法正确处理这些问题: http ://www.ryanbrill.com/archives/multiple-classes-in-ie/

于 2008-09-14T01:55:27.687 回答