learn-sass/exercises/interpolation/problem.pt-br.md

Learn SASS and SCSS through a workshopper adventure.

# INTERPOLAÇÃO

Você também pode usar variáveis SassScript nos seletores e nomes de propriedade usando a síntaxe de interpolação `#{}`:

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

é compilado para:

```css
p.foo {
  border-color: blue; }
```

Também é possível usar `#{}` para usar SassScript nos valores das propriedades. Na maioria dos casos isso não é melhor do que usar variáveis, mas usar `#{}` significa que qualquer operação próxima será tratada como CSS puro. Por exemplo:

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

é compilado para:

```css
p {
  font: 12px/30px; }
```

# EXERCÍCIO

Defina uma variável `$selector` com o valor 'article'. Então escreva uma regra usando o valor interpolado de `$selector` como um seletor, com a propriedade `color` para `#ff0000`.