Каскад

Два правила могут задавать одно и то же свойство одному и тому же элементу. Тогда браузеру нужно решить, какое объявление использовать. Этот процесс называется каскадом, и в его честь назван CSS: Cascading Style Sheets.

Каскад учитывает несколько вещей. Самая простая из них — порядок: если у двух правил одинаковый селектор, побеждает то, что написано в таблице стилей позже.

p {
	color: green;
}

p {
	color: purple;
}

Абзацы будут фиолетовыми, потому что второе правило идёт позже. Объявления, которые не конфликтуют, применяются все: если бы в первое правило входило ещё и text-align: center, абзацы были бы фиолетовыми и выровненными по центру.

Когда одно из ваших правил «не работает», сначала проверьте, не переопределяет ли его правило, написанное позже.