Hinzufügen der Stile von mehreren Klassen mit SCSS?

Question

Ich möchte die Stile von vier Klassen in einem einschließen. Und fügen Sie etwas mehr Stil hinzu. Ich bin mir nicht sicher über SCSS. Ist das der richtige Weg?

.react-datagrid { 
    @extend .table; 
    @extend .table-striped; 
    @extend .table-bordered; 
    @extend .table-condensed; 
    display: flex; 
} 

Answer 1

es ist, wie Sie in diesem jsfiddle sehen: https://jsfiddle.net/0nptv6sf/1/

HTML:

<div class="react-datagrid">test</div> 

SCSS:

.table { 
    color: red; 
} 

.table-striped { 
    font-size: 10px; 
} 

.table-bordered { 
    background-color: black; 
} 

.table-condensed { 
    padding: 10px; 
} 

.react-datagrid { 
    @extend .table; 
    @extend .table-striped; 
    @extend .table-bordered; 
    @extend .table-condensed; 
    display: flex; 
}