Тема сегодняшнего урока: «Приоритеты правил CSS».

Вы можете задать для каждого элемента сразу несколько правил оформления. Вот например так:

Как видим, для тэга

<P class="myclass">Второй абзац</P>

действуют сразу два правила, по одному он должен быть красным. как тэг <P> по второму зеленым. как класс "myclass". Какого же цвета будет надпись "Второй абзац"?. правильный ответ: зеленого. Потому что селектор по классу главнее чем селектор по тэгу. Еще большим приоритетом обладает селектор по идентификатору. Убедимся в этом на примере:

Селектор по классу или идентификатору, заданный для конкретного тэга, главнее, чем общий селектор по тэгу или идентификатору. Для того, что бы убедиться в этом, рассмотрим такой пример:

Проще говоря, чем больше детализация правила, тем оно главнее. Если возникает ситуация, когда не понятно, какое правило имеет главнее, то приоритет определяется порядком следования правил в таблице стилей.