- Теория
- Теория
Примеси
Ещё одна интересная возможность Less — примеси. Мы можем «примешивать» содержимое одного CSS-правила в другое. Для этого нужно написать имя «примешиваемого» правила внутри другого правила. Рассмотрим пример:
Less.white { color: white; } /* объявление примеси */
.text { .white; } /* применение примеси */Этот Less-код скомпилируется в такой CSS:
CSS.white { color: white; }
.text { color: white; }Как мы видим, в правиле, где была «вызвана» примесь .white, появилось её содержимое.
Чтобы не выводить саму примесь в CSS, нужно после объявления примеси поставить скобки:
Less.white() { color: white; } /* объявление невыводимой примеси */
.text { .white; } /* применение примеси */CSS.text { color: white; }При применении примеси скобки писать необязательно.
Less/* Эти выражения дают один и тот же результат: */
.mixin();
.mixin;
Хорошо владеете JavaScript, но до сих пор не освоили Node.js? Записывайтесь на профессиональный курс «Node.js. Профессиональная разработка REST API». Цена 12 000 ₽.
Минимальный вид табов
- index.html
HTML
HTML
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
100%