Селектор представляет собой элемент, к которому будет применяться стиль. Селекторами могут быть как отдельные элементы, так и списки однородных объектов либо конкретные экземпляры элементов, идентифицируемые с помощью атрибутов class или ID. В последующих разделах будут рассмотрены все типы селекторов.
Применение элементов в качестве селекторов
Эта опция несколько примитивна. Правило стиля начинается с названия элемента, выбранного в качестве селектора. За ним в фигурных скобках указывается либо свойство (property), либо список свойств и значения (values). Ниже дан пример правила:
selector {property:value}
Чтобы не перегружать таблицу стилей, множество элементов со сходными свойствами можно объединить в группу. Например, если в документе необходимо выделить все заголовки красным цветом, то вместо набора однотипных записей вида: hi {color:red} h2 {color:red} h3 {color:red} h4 {color:red} h5 {color:red} h6 {color:red}
можно выписать селекторы в одну строку, разделив запятыми, а затем в фигурных скобках описать их общее свойство:
hi, h2, h3, h4, h5, h6 {color:red}
Объединять в группу разрешается не только однородные элементы. Если вы хотите создать группу из разнородных по типу элементов, воспользуйтесь синтаксисом селектора, и правило стиля коснется всех элементов объединения. Допустим, вам потребовалось выделить красным цветом следующие элементы: hi, р, li, div. Это можно описать так:
hi, р, li, div {color:red}
Если нужно, чтобы большая часть экземпляров конкретного элемента имела единое представление, а оставшиеся экземпляры различались, примените селектор, не использующий имена элементов. Такие селекторы известны как классы (classes). |
Главная
Каталог файлов
