W3docs

sass · Основы Sass

Выберите правильный способ определения переменной в Sass.

Answers

  • @primary-color: #888;
  • %primary-color: #888;
  • #primary-color: #888;
  • $primary-color: #888;
# Sass Переменные: Определение и Использование Переменные в Sass дают вам возможность легко хранить и манипулировать общие значения в вашем проекте. Использование переменных помогает улучшить сопровождаемость путем создания единого источника правды для значений, которые могут использоваться много раз в вашем стилевом файле. В вопросе было предложено выбрать правильный способ определения переменной в Sass. Правильный ответ "$primary-color: #888;". Синтаксис Sass для объявления переменной начинается со знака доллара `$`, за которым следует имя переменной, затем двоеточие `:`, и наконец, значение переменной. Например, чтобы определить переменную для основного цвета, вы бы написали: ```sass $primary-color: #888; ``` Ваша переменная теперь может быть использована в любом месте в вашем sass файле, просто упомянув `$primary-color`. Например: ```sass body { background-color: $primary-color; } ``` Правильное использование переменных помогает упростить обновление и изменение вашего кода на Sass. Например, если вы решите изменить свой основной цвет, вам нужно будет обновить его только в одном месте: там, где вы определили переменную. Стоит отметить, что переменные Sass локальны по умолчанию. Это означает, что они доступны только внутри области, где они были определены. Если переменная объявлена в глобальной области видимости (Вне любых блоков кода), она доступна где-угодно в коде. Учтите также, что Sass нечувствителен к регистру, поэтому `$Primary-Color` и `$primary-color` будут разными переменными. Поэтому, для лучшей читаемости и поддержки, рекомендуется придерживаться одного стиля наименования.