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

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

Хотя с технической точки зрения завершать последнее объявление правила точкой с запятой вовсе не обязательно, лучше принять это за правило. Во-первых, это выработает у вас привычку завершать объявления точкой с запятой, отсутствие которой является одной из самых распространенных причин ошибок. Во-вторых, если вы решите добавить в правило еще одно объявление, вам ве надо беспокоиться о том, что вы забыли вставить дополнительную точку с запятой. И наконец, некоторые старые броузеры, такие как Internet Explorer 3.x, имеют склонность приходить в замешательство, если последнее объявление правила не завершается точкой с запятой. Всех этих неприятностей можно избежать заранее:всегда завершайте объявления точкой с запятой, в каком бы месте правила они ии находились.

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

Группируем все

Сейчас вы знаете, что можете группировать селекторы и объявления. Сочетая в одном правиле оба типа группировки, можно определять очень сложные стили посредством всего лишь нескольких выражений. Что если вы решили назначить для всех заголовков документа несколько сложных стилей и вам хочется, чтобы одни и те же стили применялись ко всем заголовкам? Это делается так:

hi, h2, h3, h4, h5, h6 {color:gray; background:white; padding:Q.5em; border:1px solid black; font-family:Charcoal, sans-serif;}

Селекторы сгруппированы, поэтому стили, находящиеся в правой части правила, будут применены ко всем перечисленным заголовкам, а группировка объявлений означает, что все перечисленные стилн будут применены к селекторам, приведенным в левой части правила. Результат работы этого правила показан иа рис. 2.6.

Этот способ предпочтительнее альтернативного ему развернутого, который выглядел бы примерно так:

hi {color:gray;}

h2 {color:gray;}

h3 {color:gray;}

h4 {color:gray;}

h5 {color:gray;}

hfl {color:gray;)