Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 21 из 53 · 8 мин
Потомок, прямой ребёнок, соседи: пробел, >, + и ~.
Ссылки в меню — без подчёркивания. А абзац сразу после заголовка — крупнее.
Не нужны новые классы: опиши, где стоит элемент относительно других.
A B<style>
nav a { text-decoration: none; }
</style>
<nav><a href="#">Меню</a></nav><a href="#">Обычная</a>A > B<style>
.menu > li { font-weight: 700; }
</style>
<ul class="menu"><li>Канцтовары<ul><li>Пенал</li></ul></li></ul>A + B<style>
h2 + p { font-size: 1.2em; }
</style>
<h2>Пенал</h2><p>Первый абзац крупнее</p><p>Остальные обычные</p>A ~ B<style>
h2 ~ p { color: #6b3e26; }
</style>
<p>До</p><h2>Заголовок</h2><p>После</p><p>И это</p>Короткие селекторы. nav a — хорошо, body div ul li a — хрупко и тяжело перебить.
Ссылкам внутри nav убери подчёркивание (text-decoration: none), а абзацу сразу после h1 задай font-size: 1.25rem.
Выберите один ответ.
Чем ul > li отличается от ul li?
Выберите один ответ.
Что выберет h2 + p?
Проверяем состояние обучения…