Идентификаторы
Internet Explorer | Chrome | Opera | Safari | Firefox | |||||||||||||||
6.0 | 7.0 | 8.0 | 9.0 | 5.0 | 6.0 | 7.0 | 8.0 | 9.2 | 9.6 | 10.0 | 11.0 | 2.0 | 3.1 | 4.0 | 5.0 | 2.0 | 3.0 | 3.6 | 4.0 |
Версии CSS
CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
---|---|---|---|
Описание
Идентификатор (называемый также «ID селектор») определяет уникальное имя элемента, которое используется для изменения его стиля и обращения к нему через скрипты.
Синтаксис
E.#Имя_идентификатора { Описание правил стиля }
#Имя_идентификатора { Описание правил стиля }
Здесь E — обозначает любой тег. При описании идентификатора вначале указывается символ решетки (#), затем идет имя идентификатора. Оно должно начинаться с латинского символа и может содержать в себе символ дефиса (-) и подчеркивания (_). Использование русских букв в именах идентификатора недопустимо. В отличие от классов идентификаторы должны быть уникальны, иными словами, встречаться в коде документа только один раз.
Обращение к идентификатору происходит с помощью атрибута id, значением которого выступает имя идентификатора (id="Имя_идентификатора"). Символ решетки при этом уже не указывается.
Пример
XHTML 1.0CSS 2.1IE 6IE 7IE 8Cr 8Op 11Sa 5Fx 3.6
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Идентификаторы</title>
<style type="text/css">
#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 идентификаторы иногда игнорируются, если они комбинируются с селекторами тегов или классами.