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

ARG*_*RGO 371 html class

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

就像是:

<article class="column, wrapper"> 
Run Code Online (Sandbox Code Playgroud)

Aur*_*osa 500

只需删除这样的逗号:

<article class="column wrapper"> 
Run Code Online (Sandbox Code Playgroud)

  • &lt;article class =“ class1 class2 ... classN”&gt; (3认同)
  • 奇怪它的空格而不是逗号。但是,是的,谢谢你的回答 (2认同)

Jon*_*son 177

从标准

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

属性定义

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

class = cdata-list [CS]
此属性为元素分配类名或类名集.可以为任意数量的元素分配相同的类名或名称.多个类名必须用空格字符分隔.

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

<article class="column wrapper">
Run Code Online (Sandbox Code Playgroud)

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

  • @JonathanHenson:根据[CSS 2.1 specs](http://www.w3.org/TR/CSS2/cascade.html#cascading-order),"如果两个声明具有相同的权重,来源和特异性,后者指定获胜.导入样式表中的声明被认为是在样式表本身的任何声明之前." 所以它是CSS声明顺序.class属性中的名称没有指定的顺序,因为`.foo`是`[class~ = foo]`[ref]的语法糖(http://www.w3.org/TR/CSS2/selector.html# class-html),"`foo`是`class`属性中的一个单词". (8认同)
  • @JonathanHenson:不,不是.在绑定特异性的情况下,CSS中稍后发生的规则获胜. (6认同)
  • 如果将元素分配给为相同属性设置不同值的多个类,则应该如何预期浏览器做出反应.那是否有一些优先顺序? (3认同)

Web*_*eng 16

要分配多个类给一个html元素,包括类属性的报价中同时类的名字,让他们用空格分隔:

<article class="column wrapper"> 
Run Code Online (Sandbox Code Playgroud)

在上述例子中,columnwrapper是两个单独的CSS类,和两个它们的属性将被施加到所述article元件.

  • 这个答案与以前有什么不同? (15认同)

小智 10

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