CSS: eine Eigenschaft für mehrere Klassen

Question

Ich habe folgendes:

.category-2 .content aside {margin-top: 4px;} 
.category-3 .content aside {margin-top: 4px;} 
.category-4 .content aside {margin-top: 4px;} 

Wie ein margin-top für alle drei Kategorien verwenden kann?

Answer 1

Verwenden Sie das ‚‘ char Ihr Eigentum an mehrere Selektoren zu teilen: ist

.category-2 .content aside, 
.category-3 .content aside, 
.category-4 .content aside 
{ 
    margin-top: 4px; 
} 

Diese Art der Formatierung CSS Komma getrennt Selektor genannt, wie @Aaron vermuten lässt.

Answer 2

können Sie:

div[class^="category"] { margin-top: 4px; } 

Answer 3

entweder Sie schreiben, wie so

.category-2 .content aside,.category-3 .content aside,.category-4 .content aside {margin-top: 4px;}

oder es hängt von dem Rest der HTML-Struktur für zB

#category aside { margin-top:4px;}

<div id ="category"> 
 
    <div class="category-2"> 
 
    <div class="content"> 
 
     <aside> 
 
     <p>blabla</p> 
 
     </aside> 
 
     </div> 
 
    </div> 
 
    <div class="category-3"> 
 
    <div class="content"> 
 
     <aside> 
 
     <p>blabla</p> 
 
     </aside> 
 
     </div> 
 
    </div> 
 
    <div class="category-4"> 
 
    <div class="content"> 
 
     <aside> 
 
     <p>blabla</p> 
 
     </aside> 
 
     </div> 
 
    </div> 
 
    </div>