ChatGPT解决这个技术问题 Extra ChatGPT

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

关闭。这个问题是不可重现的,或者是由拼写错误引起的。它目前不接受答案。此问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是这里的主题,但这个问题的解决方式不太可能帮助未来的读者。 2年前关闭。改进这个问题

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

就像是:

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

A
Aurelio De Rosa

只需像这样删除逗号:

<article class="column wrapper"> 

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

从标准

7.5.2 元素标识符:id 和类属性 属性定义 id = name [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 的语法糖,“fooclass 属性中的一个词”。
@UlrichSchwarz 感谢您的澄清。
W
Webeng

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

<article class="column wrapper"> 

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


这个答案与以前的有什么不同?
a
amit kumar

你需要在类之间加一个点,比如

class="column.wrapper">


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