CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

лектор позволяет присваивать атрибуту color каждого элемента документа значение red одним наясатием клавиши. Однако будьте внимательны:хотя универсальный селектор удобен, его применение может иметь некоторые неожиданные последствия, о чем мы поговорим в следующей главе.

Группировка объявлений

Селекторы можно группировать в одно правило, а следовательно, также можно группировать и объявления. Предположим, вы хотите, чтобы текст всех элементов hi был представлен шрифтом Helvetica фиолетового цвета высотой в 18 пикселов на фоне цвета морской волны (и вы не прочь сбить с толку своих читателей). Вы могли бы напнсать свои стили так:

hi {font:18рх Helvetica;} hi {color:purple;} hi {background:aqua;}

Но этот метод неэффективен. Представьте, что подобный список создается для элемента, у которого будет 10 или 15 стилей! В таком случае объявления можно сгруппировать:

hi {font:1Врх Helvetica; color:purple; background:aqua;}

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

Обратите внимание, что точка с запятой в конце каждого объявления очень важна при группировке. Броузеры игнорируют пробелы в таблицах стилей, и при их анализе агент пользователя полностью зависит от правильности синтаксиса. Стили можно смело форматировать следующим образом:

hi {

font:18рх Helvetica; color:purple; background:aqua;

}

Однако если опустить вторую точку с запятой, агент пользователя интерпретирует эту таблицу стилей так:

м <

font:18рх Helvetica;

color:purple background:aqua;

}

Поскольку background:не является действительным значением для атрибута color, а также потому, что атрибуту color может быть присвоено только одно ключевое слово, агент пользователя полностью проигнорирует объявление color (включая часть background:aqua). Возможно, цвет