Ідентифікатор (званий також «ID селектор») визначає унікальне ім'я елемента, яке використовується для зміни його стилю і звернення до нього через скрипти.
Синтаксис
E #Імя_ідентіфікатора {Опис правил стилю}
#Імя_ідентіфікатора {Опис правил стилю}
Тут E — позначає будь-тег. При описі ідентифікатора спочатку вказується символ решітки (#), потім йде ім'я ідентифікатора. Воно повинно починатися з латинської символу і може містити в собі символ дефіса (-) і підкреслення (_). Використання російських букв в іменах ідентифікатора неприпустимо. На відміну від класів ідентифікатори повинні бути унікальні, іншими словами, зустрічатися в коді документа лише один раз.
Звернення до ідентифікатора відбувається за допомогою атрибута id, значенням якого виступає ім'я ідентифікатора ( id="Імя_ідентіфікатора" ). Символ решітки при цьому вже не вказується.
Приклад
HTML5 CSS 2.1 IE Cr Op Sa Fx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
Ідентифікатори </title>
<style>
#help {position: absolute; /* Абсолютне позиціонування */ left: 160px; /* Положення елемента від лівого краю */ top: 50px; /* Положення від верхнього краю */ width: 225px; /* Ширина блоку */ padding: 5px; /* Поля навколо тексту */ background: #f0f0f0; /* Колір фону */ } </style>
</head>
<body>
<div id="help">
Цей елемент допомагає у разі, коли ви знаходитесь в усвідомленні того факту, що абсолютно не розумієте, хто і як вам може допомогти. Саме в цей момент ми і підказуємо, що допомогти вам ніхто не зможе. </div>
</body>
</html>
Результат прикладу показаний на рис. 1.
Рис. 1. Вигляд тексту, оформленого за допомогою ідентифікатора
Браузери
У браузері Internet Explorer до версії 6.0 включно ідентифікатори іноді ігноруються, якщо вони комбінуються з селекторами тегів класами.
