如何将多个类分配给 HTML 容器？ [关闭]答案

【问题标题】：How to assign multiple classes to an HTML container? [closed]如何将多个类分配给 HTML 容器？ [关闭]
【发布时间】：2012-02-02 01:50:39
【问题描述】：

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

类似：

<article class="column, wrapper">

【问题讨论】：

你现在有什么问题？任何方法都是解决这个问题的方法。任何其他问题可能取决于几个因素。
虽然这是可行的，但我通常使用带有 CSS 继承的嵌套容器。它更漂亮，而且通常更有用。
如果您在删除逗号后仍有问题，我建议您查看why rules don't work 上的指南。我发现对我来说最常见的减速带是那里描述为“使用速记属性”（即隐式恢复为默认值）的情况
我投票决定重新开放。不涉及错别字。这个问题是特意用逗号询问语法的。
为什么不简单地删除逗号？

标签： html class

【解决方案1】：

只需像这样删除逗号：

<article class="column wrapper">

【讨论】：

奇怪它的空间而不是逗号。但是，是的，谢谢你的回答

【解决方案2】：

来自标准

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

属性定义

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

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

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

<article class="column wrapper">

当然，使用 CSS 继承可以做很多事情。这是article for further reading。

【讨论】：

如果一个元素被分配给为相同属性设置不同值的多个类，浏览器应该如何反应。有什么优先顺序吗？
@JonathanHenson：不，不是。在特定性绑定的情况下，CSS 中稍后出现的规则获胜。
@UlrichSchwarz 是后来列出的 CSS 类（我在测试时希望得到的），还是后来在所有 CSS 文件中？因为前者肯定不会在我测试的浏览器中工作，而我已经测试了后一个假设。
@JonathanHenson：根据CSS 2.1 specs，“如果两个声明具有相同的权重、来源和特异性，则后者指定获胜。导入样式表中的声明被认为在样式中的任何声明之前床单本身。”所以这是CSS声明顺序。类属性中的名称没有指定顺序，因为.foo 是[class ~= foo] ref 的语法糖，“foo 是class 属性中的一个词”。
@UlrichSchwarz 谢谢你的澄清。

【解决方案3】：

要将多个类分配给一个html元素，请将两个类名都包含在类属性的引号内，并用空格分隔：

<article class="column wrapper">

在上面的示例中，column 和 wrapper 是两个独立的 css 类，它们的两个属性都将应用于 article 元素。

【讨论】：

这个答案和之前的有什么不同？

【解决方案4】：

你需要在类之间加一个点

class="column.wrapper">

【讨论】：

请在您的答案中添加一些解释，以便其他人可以从中学习。为什么要在此处使用点而不是空格？