# Соединение частей селектора в SASS

Можно соединять даже части одного класса. Например, вот так:

`.button { &-ok { color: green; } &-cancel { color: red; } }`

В результате после компиляции у нас получится следующий код:

`.button-ok { color: green; } .button-cancel { color: red; }`

Упростите приведенный код:

`.label-success { color: green; } .label-warning { color: yellow; } .label-error { color: red; }`
← →
↑