- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Каскадность и приоритеты</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Каскадность и приоритеты</h1>
<p class="blue">Каскадность — это очень мощный механизм.</p>
<p class="green">Веб-разработчик, постигший тайны каскадности, достигает просветления в вёрстке и становится гуру.</p>
<p class="blue green">Веб-разработчик, не стремящийся постигнуть каскадность, так и останется подмастерьем.</p>
</body>
</html>
CSS
p {
padding: 10px;
outline: 2px solid rgba(0, 0, 0, 0.1);
}
.green {
background-color: #dff0d8;
}
.blue {
background-color: #aaddff;
}
Вы перешли на другую страницу
ЗадачиВыполнено
0
Сейчас вам предстоит решить маленькую головоломку. В задании HTML-редактор заблокирован. Первому абзацу задан класс blue
, второму — green
, а у третьего абзаца сразу два класса — blue
и green
.
- Измените порядок CSS-правил так, чтобы фон третьего абзаца стал зелёным.
Изменять значения свойств или селекторы не нужно. Просто экспериментируйте с порядком CSS-правил.