Идентификатор – имя, которое может быть присвоено любому элементу HTML. Основное отличие использования ID селекторов от классов заключается в том, что ID должен быть уникален в пределах документа. При описании стиля перед идентификатором ставится символ «#”:
<html>
<head>
<title>Пример использования CSS</title>
<style type="text/css">
<-- Стиль для элемента с именем id_p1 -->
#id_p1 {text-align: left; color: #D02090; background: #00FFFF;
font-weight: bold; font-family: Verdana; font-size: 120%}
<-- Стиль для элемента p с именем id_p2 -->
p#id_p2 {text-indent: 60px; color: DarkGreen; background: #BEF781;
font-weight: bold; font-family: monospace; font-size: 120%;border: 2px outset red; padding: 1em;
text-transform: capitalize}
</style>
</head>
<body>
<p id="id_p1">Параграф, отформатированный с помощью ID селектора</p>
<p id="id_p2">параграф, отформатированный с помощью ID селектора с указанием типа элемента</p>
</body>
</html>
Один и тот же стиль можно применить к нескольким разным селекторам. Для этого при описании стиля необходимо перечислить селекторы через запятую.
