css-Klasse innerhalb einer anderen Klasse als eine Eigenschaft

Question

Ich möchte Eigenschaften aus anderen CSS-Klassen verwenden, ohne den Code neu schreiben zu müssen ... Ich bin nicht zu versiert mit CSS so bitte verzeih mir für die einfache Frage.

Ist es möglich, etwas ähnliches oder ähnliches in CSS zu tun?

.class_a { 
    background:red; 
} 

.class_b{ 
    .class_a; 
} 

Answer 1

Der beste Weg, (die ich kenne) CSS-Klassen wiederverwenden zu entscheiden, auf die CSS-Attribute, die Sie wiederverwenden möchten, und dies in einer separaten Klasse setzen, etwa so:

.class_a { 
    background:red; 
} 

Dann wollen, dass jedes Mal, wenn Sie diese Attribute wieder verwenden zu können, fügen Sie die Klasse auf das hTML-Element, mit Leerzeichen zwischen den verschiedenen Klassennamen, etwa so:

<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

Sie die gleiche Eigenschaft nutzen können Liste für mehr als einen Selektor:

.class_a, .class_b { 
    background:red; 
} 

Answer 3

Es sind CSS-Tools, die es Ihnen ermöglichen, in der Art und Weise zu codieren, die Sie beschreiben. Sie führen nur eine Nachbearbeitung Ihres Codes durch, um gültiges CSS zu erzeugen.

Auschecken LESS.

Answer 4

Nicht möglich mit CSS. Sie können dies jedoch mit etwas wie Sass erreichen. Mit Sass können Sie CSS mit Erweiterungen wie der von Ihnen beschriebenen schreiben. Leider führt dies zu einem zusätzlichen Schritt, da Sass-Dateien in CSS konvertiert werden müssen, bevor Sie sie auf Ihrer Seite verwenden können. Könnte Ihnen helfen, viel Schreibarbeit zu sparen :)