Вернитесь в свой редактор к файлу ma i n.css, щеЛкните кнопкой мыши сразу
после окончания стиля теrа <h2> инажмите клавишу Enter, чтобы создать пустую
строку. Добавьте с.Ле~ющий стиль: · ·
Глава 5. Уnравление сложной структурой стилей: каскадность
#main h2 {
color: #Е8АО64:
border-bottom: 2рх white solid:
background: url(images/bullet flower.png) no-repeat:
Padding: О О 2рх 80рх: -
Вы только что создали наследуемый селектор, описанный ранее в книге, форматирующий
все теги <h2>, которые появляются внутри тега с идентификатором
#ma; n. Два столбца текста на этой странице заключаются в теги <di v> с разными
Названиями идентификаторов, которые применялись к ним. У большего, расположенного
Слева столбца идентификатор #main, поэтому такой особый стиль
будет применяться только к тегам <h2> внутри этого <div>. ·
Рассматриваемый стиль похож на тот, который вы создали в обучающем примере
В гл. 2, в шаге 14. Он добавляет подчеркивание и простой цветок к заголовку.
Этот стиль также определяет оранжевый цвет для текста.
Снова просмотрите страницу в браузере (рис. 5.7).
Вы заметите, что у всех заголовков второго уровня (двух в основном столбце
И одном в боковом) одинаковый размер, но у тех двух, которые расположены
в основном столбце, также ·есть подчеркивающая линия и изображение цветка.
....
