Урок 01 · 10 хв

Селектор і каскад

CSS не «фарбує тег». Він знаходить вузли правилом і сперечається з іншими правилами.

Правило: ліворуч — кого шукаємо, праворуч — які властивості. .card { color: #111; } — усі з класом card. Специфічність: тип слабший за клас, клас слабший за id. Однакова сила — перемагає те, що нижче у файлі. !important майже завжди милиця.

Три сили

Можна спитати про це правило«Клас, а не id для стилю»

* — усі елементи, дорого й шумно. Не як скидання «про всяк випадок».
Нащадок article p — будь-який p усередині. Дочірній article > p — лише прямий.
Стилі з HTML не змішуй через style="", якщо це не прототип на п'ять хвилин.

Можна спитати про цей пункт«Суть уроку»

Перевірка

Закріпи, поки не пішов далі

1. Що зазвичай сильніше: клас чи ім'я тега?
2. Два класи однакової сили. Хто переможе?
3. !important це