CSSの複数のクラスを一つにまとめられないでしょうか？

Question

前提・実現したいこと

<table class="table table-sm table-striped"></table>

というテーブルがいっぱいあるとすると「table table-sm table-striped」を全部に書くとごちゃごちゃしますよね。

例えば「table1」というクラスは「table table-sm table-striped」を内包していてそれぞれ書いたのと同じになりますよ～みたいな指定はCSSだけで出来るのでしょうか。（スタイルの指定自体をtable1内にすべてコピペしてくる以外で）

Answer 1

CSSだけでは無理です。
SassやSCSSなどCSSメタ言語を使用すれば可能です。

.table{xxx}
.table-sm{yyy}
.table-striped{zzz}

.table1{@extend .table;@extend .table-sm;@extend .table-striped;}

.table1{xxx;yyy;zzz;}