Есть два способа:
В первом ты просто когда создаешь блок прописываешь классу через пробел все что тебе нужно
/* Здесь чтобы к классу class добавить class-1 пишем как тут */
.class {
background: red;
}
.class.class-1 {
color: #fff;
}
.class.class-2 {
color: #000;
}
.class.class-3 {
color: green;
}
<div class="class class-1">
hello
</div>
<div class="class class-2">
world
</div>
<div class="class class-3">
XD
</div>
Второй способ:
Этот способ кажется быстрее. Просто берешь все нужные тебе блоки и пишешь их через запятую.
.class-1, .class-2, .class-3 { /* как-то так пишешь*/
background: red;
}
.class-1 {
color: #fff;
}
.class-2 {
color: #000;
}
.class-3 {
color: green;
}
<div class="class-1">
hello
</div>
<div class="class-2">
world
</div>
<div class="class-3">
XD
</div>
Выбирать тебе, кому как удобно:)
.class1, .class2, .class3 {color: red;}
всё