что означает значение calc (100vh - (# {$ variable1 + $ variable2})) ;? [Дубликат]

8
задан Brigante 22 July 2014 в 12:01
поделиться

1 ответ

#{} используется для строковой интерполяции: http://sass-lang.com/documentation/file.SASS_REFERENCE.html#interpolation_

Существует одно исключение из этого, хотя: при использовании интерполяции # {} цитируемые строки некорректны. Это облегчает использование, например, имена селекторов в mixins. Например.

Таким образом, этот метод иногда используется, чтобы разрешить использование значений sass в селекторах. Например ::

$gutter: 10;

.grid#{$gutter} {
    background: red;
}

Теперь на ваш вопрос. Я действительно не вижу причин, почему кто-либо использовал бы строчную интерполяцию в этом селекторе:

#{h1, h2, h3, h4, h5}
{
    color: #000;
}

Мое лучшее предположение заключается в том, что sass-переменная будет добавлена ​​позже к этому селектору, или селектор будет полностью заменен с переменной.

15
ответ дан Jay Zelenkov 18 August 2018 в 21:11
поделиться
  • 1
    Спасибо @jzelenkov очень полезно! И жаль, что не заметили это в документах, как заметил цимманон! – Brigante 22 July 2014 в 12:21
  • 2
    Это действительно интересный вопрос. Где вы видели этот код? Или это проприетарное программное обеспечение? – Jay Zelenkov 22 July 2014 в 12:24
  • 3
    Я видел это в библиотеке Typomatic, не совсем то же самое, но, глядя на документы, я не вижу необходимости использовать интерполяцию github.com/andrejmlinarevic/typomatic/blob/master/assets/sass/… – Brigante 22 July 2014 в 14:43
Другие вопросы по тегам:

Похожие вопросы: