Поскольку стиль #mai n h2 является более специфичным по сравнению с простым
Стилем h2, при возникновении каких-либо конфликтов между ними (в данном
Случае в свойстве color) свойства #main h2 побеждают. Таким образом , хотя заrо-
Обучающий урок: механизм каскадности в действии 123
Ювки второго уровня в основном столбце получают синий цвет текста от стиля h2,
Оранжевый цвет от более специфичного стиля #ma i n h2 побеждает.
Однако, поскольку стиль #mai n h2 не задает размер шрифта или нижнего отступа,
Заголовки в главном столбце получают эти свойства от стиля h2.
Преодолеваем конфликты
Поскольку свойства CSS конфликтуют, когда несколько стилей применяются к одному
И тому же тегу, иногда вы можете обнаружить, что ваши страницы выглядят
Не так, как вы этого ожидали.
Когда это происходит, вам нужно установить, почему это произошло, и внести
Изменения в селекторы CSS, чтобы каскадность приводила к нужному результату.
Вернитесь к редактору и файлу main .css.
Сейчас вы создадите новый стиль для форматирования исключительно абзацев
Из главного столбца.
2. Добавьте следующий стиль в конец таблицы стилей:
#main р {
color: #616161:
font-family: "Palatino Linotype". Baskerville. serif:
font-size: l.lem:
line-height: 150%:
margin-bottom: lOpx:
margin-left: ВОрх:
