Относительно конфликтов стилей

Когда вы применяете два или больлее стилей CSS к тому же самому тексту, стили могут конфликтовать и отображать неожиданные результаты. Браузеры применяют признаки стиля согласно следующим правилам:

Если два стиля применяются к тому же самому тексту, программа просмотра отображает все признаки обоих стилей, если определенные признаки не находятся в противоречии.
Если признаки двух стилей, примененные к тому же текстовому фрагменту имеют конфликт, браузер отображает признак внутреннего стиля (стиль, самый близкий к тексту непосредственно).
Если имеется прямой конфликт, признаки стилей CSS (стили примененные с признаком CLASS) отвергают признаки стилей переназначения тегов HTML.

В примере, который следует, стиль, определенный для H1 стиль мог бы определить шрифт, размер и окраску для всех абзацев H1, но собственный стиль CSS .Blue, примененный к этому абзацу отвергает установку цвета в стиле H1. Второй собственный стиль CSS .Red отвергает .Blue, потому что он - внутри стиля .Blue.

<H1><SPAN CLASS="Blue">Этот абзац контролируется собственным стилем .Blue и стилем переназначения тегов HTML H1. <SPAN CLASS="Red">Кроме того это предложение контролируется стилем .Red </SPAN>Сейчас мы возвращаемся к стилю .Blue </SPAN></H1>