如何将多个类分配给 HTML 容器？ [关闭]
Posted
技术标签:
【中文标题】如何将多个类分配给 HTML 容器？ [关闭]【英文标题】：How to assign multiple classes to an HTML container? [closed]
【发布时间】：2012-02-02 01:50:39
【问题描述】：
是否可以将多个类分配给单个 html 容器？
类似：
<article class="column, wrapper">
【问题讨论】：
你现在有什么问题？任何方法都是解决这个问题的方法。任何其他问题可能取决于几个因素。
虽然这是可行的，但我通常使用带有 CSS 继承的嵌套容器。它更漂亮，而且通常更有用。
如果您在删除逗号后仍有问题，我建议您查看why rules don't work 上的指南。我发现对我来说最常见的减速带是那里描述为“使用速记属性”（即隐式恢复为默认值）的情况
我投票决定重新开放。不涉及错别字。这个问题是特意用逗号询问语法的。
为什么不简单地删除逗号？
【参考方案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">
【讨论】：
请在您的答案中添加一些解释，以便其他人可以从中学习。为什么要在此处使用点而不是空格？以上是关于如何将多个类分配给 HTML 容器？ [关闭]的主要内容，如果未能解决你的问题，请参考以下文章
如何将自定义分配器的完全相同的状态传递给多个容器？
如何将中间件分配给 Laravel 中的路由（更好的方法）？ [关闭]
不能将结构分配给向量的索引吗？ [关闭]
Linux：如何将 USB 驱动程序分配给设备 [关闭]
是否将 Closeable 的新实例分配给先前创建的实例，关闭先前的实例？
将short的十六进制值分配给short [关闭]