Примеси в LESS / Несколько примесей [3/30]
×

Несколько примесей [3/30]

К одному правилу можно применить несколько примесей одновременно. В таком случае примеси просто «вызываются» по очереди.

Например:

LESS.big() {
    width: 100500px;
}

.white() {
    color: white;
}

.block {
    .big();
    .white();
}
CSS.block {
    width: 100500px;
    color: white;
}
Хотите верстать адаптивно, использовать БЭМ и LESS? Тогда записывайтесь на наш продвинутый интенсив.

Выполнить задание
HTML
<!DOCTYPE html> <html lang="ru"> <head> <title>Несколько примесей</title> <meta charset="utf-8"> <base href="/assets/course125/"> <link href="course.css" rel="stylesheet"> </head> <body class="world"> <div class="monster monster-happy"></div> <div class="monster monster-foolish"></div> </body> </html>
LESS CSS
@red: #ff4136; @blue: #00aef9; .monster { background-color: @red; } .monster-foolish { }
HTML Academy
  1. Создайте примесь .paint-blue(), внутри неё задайте цвет фона @blue.
  2. Примените примесь .paint-blue() к монстру .monster-foolish.
  3. Создайте примесь .reduce(), внутри неё задайте ширину и высоту 150px.
  4. Примените примесь .reduce() к монстру .monster-foolish.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.