Verschachtelte Klassen in CSS anderen Stil von weniger verschachtelten Stil

Question

ich css bin mit denen diese Art definiert ist

.main> .test{ 
display: block; 
background:#FFFFFF 
} 

Dieser Stil in der Datei gespeichert ist, die ich will nicht ändern. Meine neue HTML-Struktur ist

<div class="main"> 
    <form> 
    <div class="test"> 
    ... 
    </div> 
    </form> 
</div> 

In diesem Fall wird Stil nicht angewendet. Meine Frage ist: Ist es möglich, eine solche CSS zu definieren, wenn

.main> form> .test{  
} 

Styling Gebrauch ist, wie es in „.main> .test“ ohne Kopieren und Einfügen Inhalt solcher Art

Answer 1

Einfache Antwort

definiert ist

Mit Klar CSS Sie nicht

eine Klasse oder Verwendung Vererbung zwischen Klassen erweitern -

Lösungsvorschlag

Sie können das mit einem CSS-Präprozessor wie Sass tun, indem Sie das Schlüsselwort @extend verwenden.

Code-Beispiel:

.message { 
    padding: .5em; 
} 

.message-error { 
    @extend .message; 
} 

Weitere Informationen über seine Verwendung here