SCSSを使用して複数のクラスのスタイルを追加しますか？

Question

4つのクラスのスタイルを1つにまとめたいと思います。さらにいくつかのスタイルを追加します。私はSCSSについてあまりよく分かりません。これは正しい方法ですか？

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

Answer 1

それはあなたがこのjsfiddleで見ることができるよう、次のとおりです。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; 
}