Вы также можете использовать переменные SassScript в селекторах и в названиях свойств используя синтаксис #{} интерполяции:

$name: foo;
$attr: border;
p.#{$name} {
  #{$attr}-color: blue;
}

компилируется в

p.foo {
  border-color: blue; }

Также можно использовать #{}, чтобы вставить в SassScript значение свойств. В большинстве случаев это не лучше, чем любой другой способ, но использование #{} означает, что любые операции в нем будут рассматриваться как запись CSS. Например:

p {
  $font-size: 12px;
  $line-height: 30px;
  font: #{$font-size}/#{$line-height};
}

компилируется в

p {
  font: 12px/30px; }


На сайте функционирует система проверки ошибок. Обнаружив неточность в тексте, выделите ее и нажмите Ctrl + Enter. Также отправить оповещение об ошибке можно, нажав на эту ссылку.