usare più fogli di stile insieme, nello stesso selettore

[mvent]

Ho cercato un po' in archivio ma non ho trovato la risposta.

Dunque, prendiamo questo esempio:

<div style="text-align: center;">
   <p class="stile1">
       <span class="stile2">
Testoljlsdlsfjdjfsljo <a href="pagina1.htm">Pagina 1</a>
       </span>
   </p>
</div> 

Con il DIV imposto la centratura.
Con il P imposto un colore di sfondo per il testo.
Con lo SPAN imposto tutta una serie di proprietà del testo: nome, dimensione, margini, padding, bordi, ecc.ecc.

Si potrebbe avere lo stesso risultato scrivendo così o qualcosa di simile?

<div style="text-align:center; class='stile1'; class='stile2';">
Testoljlsdlsfjdjfsljo <a href="pagina1.htm">Pagina 1</a>
</div> 

Faccio questa domanda perché avrei necessità di tenere separati i 3 fogli di stile e non voglio crearne uno nuovo in più con le proprietà di tutti. E comunque per capire se si potrebbe fare una cosa del genere oppure no.

[mvent]

Magari scrivendo così:

<div style='text-align:center' class='stile1' id='stile2'>
testo....
</div>

Ovviamente non puoi dare due classi allo stesso elemento... dovresti cambiare una classe in ID ... (e modificare quindi il file mettendo #nome invece del .nome ) ... in questo caso (come scritto da me sopra) prende la classe da un foglio di stile, l'id da un altro e il text-align:center già lo ha scritto....

Innanzitutto grazie per la risposta.

Vado a provare se funziona.

Intanto ti chiedo: questo modo di fare è "regolare" oppure espone a rischi di compatibilità con alcuni browser?
In particolare se è del tutto regolare usare nello stesso selettore "style" e "class".

[Nobody33]

@darkhero

Ovviamente non puoi dare due classi allo stesso elemento.

Puoi dare anche 10 classi e 15 id allo stesso elemento se ti diverte.

<div class="classe1 classe2 classe3 classe4" id="id1 id2 id3 id4">

@mvent

La compatibilità coi browser non c'entra nulla con i css livello 2.0 e 2.1. Oramai la sopportano tutti.

Ma perché non metti tutto il tuo codice in un #id o .classe solo?

[mvent]

@darkhero


Puoi dare anche 10 classi e 15 id allo stesso elemento se ti diverte.

<div class="classe1 classe2 classe3 classe4" id="id1 id2 id3 id4">

@mvent

La compatibilità coi browser non c'entra nulla con i css livello 2.0 e 2.1. Oramai la sopportano tutti.

Ma perché non metti tutto il tuo codice in un #id o .classe solo?

Eh lo so, la soluzione ideale sarebbe questa. Ma mi interessa capire se teoricamente si possono fare quelle classi "multiple" nello stesso selettore.
Può anche essere utile per ridurre il numero totale dei fogli di stile usati.

[Nobody33]

Certo che puoi. Nessuno te lo impedisce.

Ma non ho capito cosa c'entra con il numero di file css usati?.

Se vuoi, per ogni classe crei un file .css a parte (), oppure metti tutto in un file solo. Non capisco il nesso che fai tra le classe ed i fogli di stile.

In ogni caso si, puoi usare 23 classi e 18 id per lo stesso div.

[mvent]

Certo che puoi. Nessuno te lo impedisce.

Ma non ho capito cosa c'entra con il numero di file css usati?.

Se vuoi, per ogni classe crei un file .css a parte (), oppure metti tutto in un file solo. Non capisco il nesso che fai tra le classe ed i fogli di stile.

In ogni caso si, puoi usare 23 classi e 18 id per lo stesso div.

Scusa mi sono espresso in modo equivoco. Io uso un solo file CSS esterno. Tutte le class sono lì. Quando ho parlato di più fogli di stile, intendevo le varie class all'interno del file CSS.
Volevo dire che avendo la possibilità di usare più class con un solo selettore, possiamo ridurre il numero delle class totali.
Ad esempio: uso una class chiamata "stile1" con la quale stabilisco un certo colore di sfondo per il testo.
uso una class chiamata "stile2" che imposta l'allineamento centrale.
uso una class chiamata "stile3" che imposta il font.
se posso usare <div class="stile1 stile2 stile3">, posso evitare di dover fare una nuova class, chiamata per esempio "stile4", che riunisce tutte le caratteristiche che mi servono in una data circostanza.

[mvent]

Ottimo, grazie a tutti per le risposte.