Идентификаторы CSS

Идентификаторы CSS, еще их могут называть селекторы идентификаторов или селекторы по ID, позволяют назначать свойства отдельным компонентам HTML.
В файле CSS идентификаторы обозначаются значком #(решетка), а в документе HTML – атрибутом ID. Идентификаторы имеют собственное обозначение, которое может содержать символы латинского алфавита и цифры. Идентификаторы очень напоминают классы CSS, как по описанию, так и по применению. И также реализованы два метода применения

Идентификаторы CSS с привязкой к элементу

Вот синтаксис в формате CSS

   НАЗВАНИЕ ЭЛЕМЕНТА#имя идентификатора {свойство: значение }

Пример использования в формате CSS

P#ident1 { text-align: left }

Пример в HTML документе

<P id=»”ident1”»> Текст выровнен по левой границе</P>

Идентификаторы CSS без привязки к элементу

Также как и в случае с классами есть возможность использования без указания имени элемента.
Синтаксис в формате CSS

  #имя идентификатора {свойство: значение }

Использование в формате CSS

#ident2 {color: blue }

Этот идентификатор может использовать любой элемент HTML страницы.

<p id=”ident2”>   Текст голубой         </p>
<h3 id=”ident2”> Заголовок голубой </h3>

Как видим, идентификаторы CSSи классы CSS очень похожи. Разницу я вижу лишь в том, что классы могут использоваться в HTML документе для нескольких элементов, а идентификаторы для одного. В остальном же получается дублирование функций.
И еще одно важное дополнение. Правило с классом, важнее, чем правило без класса, а правило и идентификатором, важне, чем правило с классом. Но учитывая, что стандарт CSS развивается, возможно, в дальнейшем эти два селектора будут обладать разными функциями.

25 комментариев на “Идентификаторы CSS”