Классы и идентификаторы являются видом селекторов и их применяют для определения стилей конкретных элементов. Эти дополнительные селекторы используются довольно часто, когда невозможно обозначить необходимый стиль для конкретной части текста.
Классы и идентификаторы можно применять с дочерними, соседними и контекстными селекторами.
Классы
В файле CSS классы назначают тогда, когда требуется определить стили для индивидуального элемента страницы, а также для задания разных стилей для одного тега. Для их обозначения перед уникальным именем ставится точка:
div .new {color:blue; padding: 5px;} - в файле стилей
<div class="new">текст</div> - в HTML-документе
В итоге, указанные стили будут применяться только для текста с тегом div, в котором указывается класс. Если в файле стилей оставить один класс, то в HTML-документе изменения будут внесены во все места, где установлен выдуманный класс new.
Класс с описанными стилями можно присваивать к любому тегу в HTML-документе. Кроме того, можно к тегам присваивать несколько классов, указывая их через пробел:
<p class="new old">
Идентификаторы
Идентификаторы схожи по применению с классами, но в отличие от классов, в веб-документе они указываются только один раз! Уникальное имя элемента указывается для изменения его стилей, а также обращений к нему через скрипты. В файле CSS идентификаторы обозначаются латинскими буквами (допускается _ и - ), перед которым ставится знак #:
#ukaz {text-align:center; font-size:15px} - в файле стилей
<p id="ukaz">Заголовок</p> - в HTML-документе
Как и классы, в файле CSS идентификаторы могут применяться отдельно и вместе с тегами.
Применение классов и идентификаторов значительно увеличивают возможности вёрстки и упрощает многие задачи.