Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 3 из 53 · 9 мин
Как выбрать нужные элементы: по тегу, классу, id, всем сразу и группой.
Цены — оранжевые, названия товаров — тёмно-коричневые. Остальное не трогай.
Скажи мне точно, кого красить. Скажешь p — покрашу все абзацы на сайте.
p<style>
p { color: #444; }
</style>
<p>Первый абзац</p><p>Второй абзац</p>.class.price выбирает все элементы с class="price".<style>
.price { color: #e67e22; font-weight: bold; }
</style>
<p>Пенал — <span class="price">290 ₽</span></p><p>Ручка — <span class="price">220 ₽</span></p>#id#menu выбирает единственный элемент с id="menu".<style>
#hero { background: #fdf6ec; padding: 12px; }
</style>
<section id="hero">Добро пожаловать!</section>** { box-sizing: border-box; }.<style>
* { margin: 0; }
</style>
<h1>Без отступов</h1><p>Совсем</p>A, B<style>
h1, h2 { color: #6b3e26; }
</style>
<h1>Мой сайт</h1><h2>Меню</h2>Стилизуй классами. Класс называй по смыслу: .price, а не .orange.
Сделай элементы с классом price оранжевыми (#e67e22), а заголовки h2 и h3 — одним правилом цвета #6b3e26.
h2 коричневый — пока нетh3 в том же правиле — пока нетВыберите один ответ.
Какой селектор выберет <span class="price">?
Выберите один ответ.
Что делает селектор h1, h2?
Проверяем состояние обучения…