您可以在当前 Web 浏览器的 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 确实部分支持它,但它有很多错误,所以不要指望它正常工作。
根据blooberry的说法,IE4 和 Netscape 4.x 不支持这一点。HTML 4.0 规范说
类 = cdata 列表 [CS]
该属性将一个类名或一组类名分配给一个元素。可以为任意数量的元素分配相同的类名或名称。多个类名必须用空格字符分隔。
如果您的 CSS 选择器包含多个类名,显然 IE 6 无法正确处理这些问题: http ://www.ryanbrill.com/archives/multiple-classes-in-ie/