• Теория
  • Теория

Переменные, шаг 2

Переменные можно объявлять как «снаружи» правил, так и «внутри». В случае «внутреннего» объявления переменная будет доступна только внутри правила, в котором она объявлена:

.rule-1 {
  @align: right;
  text-align: @align; // text-align задаётся значение right
}
.rule-2 {
  text-align: @align; // в этом месте произойдёт ошибка
}

Если переменная объявлена и «внутри» правила, и «снаружи» — Less применит «внутреннее» значение.

@align: left;

.rule-1 {
  @align: right;
  text-align: @align; // text-align задаётся значение right
}

.rule-2 {
  text-align: @align; // text-align задаётся значение left
}

Таким образом можно «переопределять» глобальные переменные в локальном контексте.

Проверим это на практике.

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. До 11 апреля цена 20 900 ₽22 900 ₽

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Знакомство с Less» тренажёра «Инструменты автоматизации: препроцессор» можно после регистрации и оформления подписки.