- index.html
- style.lessstyle.css
HTML
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Вложенные правила, шаг 1</title>
<meta charset="utf-8">
<link href="course.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
<article class="palette">
<h1>Базовые цвета</h1>
<figure class="palette-item">
<figcaption>Основной</figcaption>
<span class="color color-primary">primary</span>
</figure>
<figure class="palette-item">
<figcaption>Ошибка</figcaption>
<span class="color color-error">error</span>
</figure>
</article>
</body>
</html>
LESSCSS
@base-color: rgb(110, 27, 255);
.color-primary {
background-color: @base-color;
}
.palette-item {
display: block;
/* вложенное правило создайте тут */
}
ЗадачиВыполнено
- Блокам
.palette-item
задайте свойствоdisplay
со значениемinline-block
. - Затем внутри правила
.palette-item
создайте вложенное правило, в котором для.color
обнулите значениеborder-radius
.