如何为HTML容器分配多个类?

时间:2012-01-04 04:51:14

标签: html class

是否可以将多个类分配给单个HTML容器?

类似的东西:

<article class="column, wrapper"> 

5 个答案:

答案 0 :(得分:473)

只需删除这样的逗号:

<article class="column wrapper"> 

答案 1 :(得分:170)

来自标准

  

7.5.2元素标识符:id和class属性

     

属性定义

     

id = name [CS]
  此属性为元素指定名称。这个名字   必须在文档中是唯一的。

     

class = cdata-list [CS]
  这个属性   为元素分配一个类名或一组类名。任何数字   可以为元素分配相同的类名或名称。多   类名必须用空格字符分隔。

是的,只是在它们之间留一个空格。

<article class="column wrapper">

当然,CSS继承可以做很多事情。只是谷歌吧。

答案 2 :(得分:15)

要将多个类分配给 html元素,请在class属性的引号中包含两个类名,并用空格分隔:

<article class="column wrapper"> 

在上面的示例中,columnwrapper是两个单独的css类,它们的两个属性都将应用于article元素。

答案 3 :(得分:8)

是的,没有逗号。只是一个空间。因为它认为逗号是第一类,列的一部分。然后它使类column,不起作用。工作代码如下所示:<article class="column wrapper">

答案 4 :(得分:-4)

您需要在类之间插入一个点

class =“ column.wrapper”>