В CSS селекторы классов отображаются с точкой:
.center {text-align: center}
В приведенном выше примере все элементы HTML с классом center центрированы.
В следующем HTML-коде элементы h1 и p имеют центральный класс. Это означает, что оба будут соблюдать правила селектора «.center».
<h1 class="center"> Этот заголовок будет выровнен по центру </h1> <p class="center"> Этот абзац также будет выровнен по центру </p>
*******************************
селектор идентификатора
Селектор идентификатора может указать определенный стиль для элементов HTML, отмеченных определенным идентификатором. Селектор идентификатора определяется знаком «#». Следующие два селектора идентификаторов: первый может определить цвет элемента как красный, а второй может определить цвет элемента как зеленый:
#red {цвет:красный;} #green {цвет:зеленый;}
В следующем HTML-коде элемент p с атрибутом id красного цвета отображается красным, а элемент p с атрибутом id зеленого цвета отображается зеленым цветом.
<p id="red">Этот абзац выделен красным. </p> <p id="green">Этот абзац выделен зеленым цветом. </p>
Примечание. Атрибут id может появляться только один раз в каждом HTML-документе. Чтобы узнать, почему, см. XHTML: Рефакторинг веб-сайтов.