classe css dans une autre classe comme une propriété

Question

Je veux utiliser les propriétés d'autres classes CSS sans avoir à réécrire le code ... Je ne suis pas trop avertis avec css alors s'il vous plaît pardonnez-moi pour la simple question.

Est-il possible de faire quelque chose comme ça ou similaire en css?

.class_a { 
    background:red; 
} 

.class_b{ 
    .class_a; 
} 

Answer 1

La meilleure façon (que je sache) de réutiliser les classes CSS est de décider de la css attributs que vous voulez réutiliser et mettre cela dans une classe séparée, comme ceci:

.class_a { 
    background:red; 
} 

Ensuite, chaque fois que vous voulez réutiliser ces attributs, vous ajoutez la classe à l'élément html, avec des espaces entre les différents noms de classe, comme ceci:

<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

vous pouvez utiliser la même propriété liste pour plus d'un sélecteur:

.class_a, .class_b { 
    background:red; 
} 

Answer 3

Il sont outils CSS qui vous permettent de coder de la façon que vous décrivez. Vous venez de faire un post-traitement de votre code pour produire des CSS valides.

Découvrez LESS.

Answer 4

Impossible à l'aide de CSS. Cependant, vous pouvez y parvenir en utilisant quelque chose comme Sass. Sass vous permet d'écrire du CSS avec des améliorations telles que celle que vous avez décrite. Malheureusement, cela introduit une étape supplémentaire puisque les fichiers Sass doivent être convertis en CSS avant de pouvoir les utiliser sur votre page. Pourrait vous aider à économiser beaucoup de taper si :)