Селекторы

· В качестве селектора можно указать тип элемента (тэга) HTML. В этом случае описание будет относиться ко всем вхождениям этого тэга. Можно указать, что описание относится ко всем тэгам с помощью знака *. Пример:

h1 {text-align:center}

Здесь задаётся выравнивание по центру для всех вхождений тэга <h1>

В одном селекторе можно через запятую указать несколько элементов:
h1,h2,h3,h4,h5,h6 {text-align:center}

· В качестве селектора можно указать название класса элемента (он указывается после точки). Именно, в любом тэге, где можно указать атрибут style, можно указать класс с помощью атрибута class. Название класса зависит от регистра символов. Можно указать несколько классов через пробел (как значение атрибута class). Несколько названий классов в селекторе можно указать, каждый раз отделяя их точкой. Например:

.test {text-align:right}

Перед точкой можно указать название элемента.

· Селектор можно дополнить значением атрибута HTML в квадратных скобках. Например:

h1[LANG=en] {text-align:left}

Если указать только название атрибута, то в тэге должен быть использован этот атрибут (с любым значением или без него), если указано вместо равно ~=, то ищется одно из значений, указанных через пробел (внутри описания атрибута тэга). Если указано |=, то ищется значение до дефиса (используется в lang).

· В качестве селектора можно указать значение атрибута id после знака диеза. Нампример:

#copy {text-align:right}

· Селектор может указывать на вложенный тэг. В этом случае указываются через пробел элементы. Описание будет относиться к вложенному тэгу. Пример:

td div {color: blue}

· Указание дочернего элемента (непосредственно подчиненного тэга). Пример:

td> p {color: blue}

Сначала указывается родительский элемент, далее знак > (без пробела), за ним идёт один или несколько пробелов, далее имя дочернего элемента. Кроме того после двоеточия можно указать first-child (для элемента являющегося первым дочерним).

• Можно указать элемент, который непосредственно следует за другим элементом с помощью плюса. Пример:

h1+h2 {color: blue}

• Для гиперссылок можно указать следующие псевдоклассы (их названия указывают после двоеточия):
• link обычная гиперссылка
• visited, гиперссылка, по которой происходил переход
• active - активная гиперссылка (выделена щелчком)
• hover - гиперссылка, над которой находится курсор
• focus - гиперссылка, находящаяся в фокусе
• Указание псевдоэлементов (также после двоеточия):
• first-line для тэга <p> выбирает первую строку
• first-letter для тэга <p> выбирает первый символ
• before указывает текст, который будет вставлен до элемента
• after указывает текст, который будет вставлен после элемента
• Дополнительно можно указать язык после двоеточия, например: h1:lang(ru)

@-команды

• @charset указывает используемую таблицу символов (например, @charset "windows-1251")
• @import задаёт загрузку документа CSS (и последующую обработку). Далее идёт либо просто url документа , либо внутри конструкции url. Пример:

@import url("my.css")

В конце можно указать тип устройства. Можно использовать только одну конструкцию import для одного устройства.

• Указание типа носителя (@media). Далее идет тип носителя (или несколько через запятую). Затем в фигурных скобках идёт текст, относящийся к такому носителю.