代码之家  ›  专栏  ›  技术社区  ›  David Kolar

浏览器什么时候开始支持每个标记多个类?

  •  4
  • David Kolar  · 技术社区  · 16 年前

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

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

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

    4 回复  |  直到 9 年前
        1
  •  9
  •   Bryan M.    16 年前

    @WayneKao-IE6可以读取元素上的多个类名,并应用属于每个类的样式。本文所指的是基于类名组合创建新样式。

    <div class="bold italic">content</div>
    
    .bold {
      font-weight: 800;
    }
    
    .italic {
      font-style: italic;
    {
    

    IE6将对div应用粗体和斜体样式。但是,假设我们希望所有具有粗体和斜体类的元素也为紫色。在Firefox(或者可能是IE7,不确定)中,我们可以编写如下内容:

    .bold.italic {
      color: purple;
    }
    

    这在IE6中是行不通的。

        2
  •  2
  •   Nathan    16 年前

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

        3
  •  2
  •   Community Egal    4 年前

    根据 blooberry 、IE4和Netscape 4.x不支持此功能。 HTML 4.0 spec

    class=cdata列表[CS]

    这个属性 元素的名称。任意数量 可以为元素指定相同的值 名称之间必须用空格分隔 人物。