Posso applicare più di una classe CSS3 a un elemento?

Question

Sto leggendo opinioni diverse su questo. E 'questo permesso in CSS HTML5:

<div class="one-class another-class">...

per applicare le proprietà di entrambi one-class e another-class all'elemento?

---

Re il downvote: sì, ho provato e funziona. Ma ciò non significa che sia una buona pratica. Potrebbe essere deprecato per esempio.

Answer 1

Sì, è consentito.

L'attributo class secondo la specifica HTML:

"Questo attributo assegna un nome di classe o un insieme di nomi di classe ad un elemento qualsiasi numero di elementi può essere assegnato lo stesso nome della classe o nomi. I nomi di più classi devono essere separati da spazi bianchi caratteri. "

http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.2

Answer 2

Sì. Per selezionare con entrambi:

.one-class.another-class { 
    color:red; 
} 

È molto comune estendere il codice in questo modo, ad es. definendo una button classe e button-important di classe, quindi utilizzando:

<div class='button button-important'></div> 

per ottenere entrambi gli stili insieme.

Answer 3

Sì, è possibile. È possibile aggiungere più nomi di classe all'attributo di classe di qualsiasi elemento. Prendi in considerazione anche che le diverse proprietà delle diverse classi utilizzate nell'attributo di classe verranno applicate all'elemento.

.class1{ 
    color: red; 
} 
.class2{ 
    font-weight: bold; 
} 

<div class="class1 class2">My Text</div> 

L'output contiene il testo "My Text" verrà visualizzato in grassetto e in rosso.