html - CSS: HTML 要素が持つことができるクラスの数に制限はありますか?

Question

CSS では、HTML 要素が複数のクラスを持つことができます。

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

しかし、アイテムごとに許可されるクラスの数に制限はありますか?

Answer 1

(X)HTML 属性の値の最大長によってのみ制限されます。これは、この回答でよく説明されています。

ブラウザーは多くの場合、標準違反に対して非常に寛容であるため、個々のブラウザーはより長いクラス属性を許可する場合があります。さらに、JavaScript を介して実質的に無限の数のクラスを DOM 要素に追加できる可能性がありますが、ブラウザーで使用できるメモリの量によって制限されます。

すべての意図と目的のために、制限はありません。好奇心から尋ねていると思います。言うまでもなく、この制限に達することを真剣に心配している場合は、非常に悪いことをしたことになります。

Answer 2

いいえ、そうは思いません。そのような制限に遭遇したことはありません/

編集：カジュアルな発言で申し訳ありません。
仕様によると、制限はありませんが、誰かがこの制限に到達しようとしており、Opera、Safari は 4000 をはるかに超えるクラス、Firefox は少なくとも 2000 クラスをサポートしているようです。
ソース: http://kilianvalkhof.com/2008/css-xhtml/maximum-number-of-supported-classes-per-element/

Answer 3

技術的な制限はありませんが (ブラウザが消費する可能性のあるメモリの量を除いて)、ブラウザはすべてのクラスを解析し、それらのスタイルを適用してページをレンダリングする必要があるため、要素にクラスをロードすることを十分に検討する必要があります。

また、DOM で特定のクラスの要素を検索する必要があり、要素に多数のクラスが含まれている場合、JavaScript インタープリターが多数のクラスを解析する必要がある場合、パフォーマンスの問題が発生する可能性があります。

Answer 4

いいえ 、

制限はありません。