CSS：一个 HTML 元素可以有多少个类有限制吗？答案

【问题标题】：CSS: Is there a limit on how many classes an HTML element can have?CSS：一个 HTML 元素可以有多少个类有限制吗？
【发布时间】：2010-12-04 17:51:57
【问题描述】：

CSS 允许一个 HTML 元素有多个类：

<div class="cat persian happy big"> Nibbles </div>

但是每个项目允许多少个类有限制吗？

【问题讨论】：

一般来说，对于任何极限问题，如果你不得不问，那你就做错了。除非这只是无聊的好奇心:-)
我将元素的状态存储在class 属性中，因此我可以完全通过 CSS 处理显示——最多有 32 个可能的状态标志。
除非你的标志特别长，否则应该没问题。请记住，您的课程不能是数字的；他们必须以字母开头。 32 无效，而 f32 有效。
Maximum limit of CSS classes that can be assigned to HTML element ?的可能重复
如果你不得不问你做错了什么，这不是真的。如果你不得不问，你正在做一些不寻常的事情。但有时这是正确的做法。事实上，有时它是批判性的洞察力。虽然做一些不寻常的事情需要更多地了解你在做什么，以确保你不会把事情搞砸。这样做需要诸如问这个问题之类的事情。 :)

【解决方案1】：

您只受 (X)HTML 属性值的最大长度限制，this answer 很好地涵盖了这一点。

浏览器通常对违反标准的行为非常宽容，因此个别浏览器可能允许更长的类属性。此外，您可以通过 JavaScript 向 DOM 元素添加几乎无限数量的类，但受浏览器可用内存量的限制。

出于所有意图和目的，没有限制。我假设您是出于好奇而问的；不用说，如果你真的很担心达到这个限制，那你就做错了。

【讨论】：

【解决方案2】：

没有。我想，我从来没有遇到过这样的限制/

编辑：很抱歉发表了随意的评论。
根据规范，没有任何限制，但有人试图达到这个限制，似乎 Opera 的限制，Safari 支持超过 4000 个类，而 Firefox 至少支持 2000 个类！
来源：http://kilianvalkhof.com/2008/css-xhtml/maximum-number-of-supported-classes-per-element/

【讨论】：

“我不这么认为”是一个比答案更合适的评论。你的回答实际上是“我不知道”。
让我好奇。我不完全同意他的测试方法；出于某种奇怪的原因，他以指数数量添加类，这破坏了他的测试的准确性——运行时间越长，结果越不准确。我编写了一个不同的测试，显示 FF 将接受超过 10,000 个课程。

【解决方案3】：

没有技术限制（除非浏览器可能消耗的内存量），但是应该认真考虑在任何元素上加载类，因为浏览器必须解析所有类，应用这些样式并呈现页面。

此外，如果您需要在 DOM 中搜索特定类的元素并且元素包含大量类，那么如果 JavaScript 解释器必须解析大量类，您可能会看到性能问题。

【讨论】：

【解决方案4】：

没有，

不会有任何限制。

【讨论】：

您能否提供断言的来源？
@meager ，我从来没有遇到过这样的限制...//
@gov 仅仅因为您从未达到极限并不意味着它不存在。你对这个断言进行了多么严格的测试？你有没有真正尝试过达到极限？我不能对这样的答案投赞成票，因为对于像 SO 这样的参考来说，这比无用还糟糕。
@meagar ，通常我们不会为一个 div 或任何东西提供这么多的类名，给一个元素提供 1000 个类名没有任何意义，这就是为什么没人会遇到这个场景，如果我们想要测试这一切，我们可以验证它什么时候坏...根据我的经验我给出的答案是什么......以及一般用法。
@gov 所以你的答案没有任何具体的依据，更糟糕的是，它在技术上是不正确的。我的观点是，对于 SO 来说，这不是一个好的答案，这是一个 reference 而不是论坛。如果这是一个寻求建议的问题，那么基于个人经验的答案会更合适。我不是想在这里侮辱或不必要的对抗，但 SO 有标准，当有人问一个技术问题而你的回答是一个简单的毫无根据的“不”时，这不是一件好事。