浏览器何时开始支持每个标签多个类?

时间:2020-03-05 18:52:53  来源:igfitidea点击:

在当前的网络浏览器中,我们可以在HTML标签中使用多个css类,例如:

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

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

解决方案

回答

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

回答

我相信Firefox至少从v1.5开始就一直支持此功能。 IE仅在v7中添加了完全支持。 IE6确实部分支持它,但是它有很多缺陷,因此不要指望它能正常工作。

回答

根据blooberry的说法,IE4和Netscape 4.x不支持此功能。 HTML 4.0规范说

class = cdata-list [CS] 
  
  This attribute
  assigns a class name or set of class
  names to an element. Any number of
  elements may be assigned the same
  class name or names. Multiple class
  names must be separated by white space
  characters.

回答

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