CSS: Esiste un limite al numero di classi di un elemento HTML può avere?

Question

CSS permette un elemento HTML per avere più classi:

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

Ma c'è un limite sul quanti classi sono ammessi per ogni articolo?

Answer 1

si è limitato solo dalla lunghezza massima di valore di un (X) HTML dell'attributo, qualcosa coperto bene da questa risposta .

I browser sono spesso molto indulgente di violazioni degli standard, in modo da singoli browser possono permettere attributi di classe molto più lunghi. Inoltre si rischia in grado di aggiungere un numero praticamente infinito di classi per un elemento DOM tramite JavaScript, limitata dalla quantità di memoria disponibile per il browser.

Per tutti gli effetti, non c'è limite. Sto assumendo che stai chiedendo per curiosità; va da sé che se siete seriamente preoccupato di colpire questo limite, hai fatto qualcosa di molto sbagliato.

Answer 2

No. Non credo, io abbia mai incontrato alcun limite di tale /

Modifica :. Ci scusiamo per l'osservazione casuale
Secondo le specifiche, non c'è alcun limite, ma qualcuno ha cercato di raggiungere questo limite e sembra che il limite per Opera, Safari supportato ben oltre 4000 classi, e Firefox di almeno 2000 classi!
Fonte: http://kilianvalkhof.com/ 2008 / css-xhtml / massimo numero-di-sostegno-classi-per-elemento /

Answer 3

Non v'è alcun limite tecnico (salvo la quantità di memoria del browser potrebbe essere consumando), ma si dovrebbe fortemente considerare avendo carichi di lezioni su qualsiasi elemento come il browser dovrà analizzare tutte le classi, ad applicare tali stili e rendere il pagina.

Inoltre, se avete bisogno di cercare il DOM per elementi di una particolare classe e gli elementi contengono carichi di classi, potrebbe essere probabile vedere un problema di prestazioni se l'interprete JavaScript deve carichi di parsing di classi.

Answer 4

No,

Non ci sarà alcun limite.