Если некоторые свойства были установлены для одного и того же селектора в различных таблицах стилей, значения будут браться из более специфической таблицы стилей.
Например, внешняя таблица стилей имеет три свойства для селектора h3:
h3 { color:red; text-align:left; font-size:8pt; } |
И внутренняя таблица стилей имеет такие свойства для селектора h3:
h3 { text-align:right; font-size:20pt; } |
Если страница с внутренней таблицей стилей ссылается также и на внешнюю таблицу стилей, то свойства для h3 будут:
color:red; text-align:right; font-size:20pt; |
Цвет берется из внешней таблицы стилей, а выравнивание текста и размер шрифта заменяются значениями из внутренней таблицы стилей.
Как Несколько Стилей Соединяются в Один
Стили могут быть указаны:
Совет: Даже несколько внешних таблиц стилей могут использоваться одним HTML документом.
ПОРЯДОК СОЕДИНЕНИЯ
Какой стиль будет использоваться, когда указано более одного стиля для HTML элемента?
Можно сказать, что все стили "сольются" в новую "фактическую" таблицу стилей по следующим правилам, четвертое из которых имеет наивысший приоритет:
1. Стиль браузера по умолчанию
2. Внешняя таблица стилей
3. Внутренняя таблица стилей (в head-секции)
4. Встроенный стиль (внутри HTML элемента)
Таким образом, встроенный стиль (внутри HTML элемента) имеет наивысший приоритет, что означает, что этот стиль перепишет стиль указанный в теге <head>, или во внешней таблице стилей, или в браузере (значение по умолчанию).