classe css all'interno di un'altra classe come proprietà

Question

Sto volendo utilizzare proprietà da altre classi css senza dover riscrivere il codice ... Non sono troppo esperto di CSS quindi per favore perdonami per la semplice domanda.

E 'possibile fare qualcosa del genere o simile ad esso in css?

.class_a { 
    background:red; 
} 

.class_b{ 
    .class_a; 
} 

Answer 1

Il modo migliore (che io sappia) classi CSS di ri-uso è quello di decidere gli attributi CSS da riutilizzare, e mettere questo in una classe separata, in questo modo:

.class_a { 
    background:red; 
} 

Poi, ogni volta che si desidera riutilizzare questi attributi, si aggiunge la classe per l'elemento HTML, con spazi tra i nomi delle classi diverse, in questo modo:

<div class="text class_a">This will be red, and have the properties of the text class</div> 
<div class="text">This will only have the properties of the text class</div> 

Answer 2

È possibile utilizzare la stessa proprietà elenco per più di un selettore:

.class_a, .class_b { 
    background:red; 
} 

Answer 3

Ci sono strumenti CSS che consentono di codice nel modo in cui si descrive. Basta fare qualche post-elaborazione del codice per produrre CSS validi.

Check out LESS.

Answer 4

Impossibile utilizzare i CSS. Tuttavia, è possibile ottenere ciò utilizzando qualcosa come Sass. Sass ti permette di scrivere CSS con miglioramenti come quello che hai descritto. Sfortunatamente, questo introduce un passaggio in più poiché i file Sass devono essere convertiti in CSS prima di poterli usare sulla tua pagina. Potrebbe però aiutarti a risparmiare un sacco di digitazione :)