selectores - CSS: ¿Existe un límite de cuántas clases puede tener un elemento HTML?

que es un selector en css

Question

CSS permite que un elemento HTML tenga varias clases:

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

¿Pero hay un límite en la cantidad de clases permitidas por artículo?

Answer 1

No ,

No habrá ningún límite.

Answer 2

No hay límite técnico (salvo la cantidad de memoria que el navegador puede estar consumiendo), pero uno debería considerar seriamente tener un montón de clases en cualquier elemento, ya que el navegador tendrá que analizar todas las clases, aplicar esos estilos y renderizar la página.

Además, si necesita buscar en el DOM los elementos de una clase particular y los elementos contienen cargas de clases, es probable que vea un problema de rendimiento si el intérprete de JavaScript tiene que analizar cargas de clases.

Answer 3

No. No creo, nunca he encontrado tal límite /

EDIT : Perdón por el comentario casual.
De acuerdo con las especificaciones, no hay ningún límite, pero alguien ha intentado alcanzar este límite y parece ser el límite para Opera, Safari soportó más de 4000 clases y Firefox ¡al menos 2000!
Fuente: http://kilianvalkhof.com/2008/css-xhtml/maximum-number-of-supported-classes-per-element/

Answer 4

Solo está limitado por la longitud máxima del valor de un atributo (X) HTML, algo que está bien cubierto por esta respuesta .

Los navegadores a menudo son muy indulgentes con las violaciones de estándares, por lo que los navegadores individuales pueden permitir atributos de clase mucho más largos. Además, es probable que pueda agregar un número prácticamente infinito de clases a un elemento DOM a través de JavaScript, limitado por la cantidad de memoria disponible para el navegador.

Para todos los efectos, no hay límite. Supongo que estás preguntando por curiosidad; No hace falta decir que si estás seriamente preocupado por alcanzar este límite, has hecho algo muy mal.