3. Селектор идентификатора

Селектор идентификатора

Важное предупреждение: имена идентификаторов чувствительны к регистру.

Связать стилевое определение с элементом можно и при помощи селектора идентификатора.

Селектор идентификатора аналогичен селектору класса, но перед именем ставится не точка, а знак “решетки” (#).

Сопоставить такое определение с элементом можно при помощи атрибута id, задав в качестве значения соответствующий идентификатор.

Файл style.css
#mark
{
  color:red;
  font-size:200%;
}
          

Посмотреть

Идентификаторы удобны, когда с элементом планируется связать не только CSS, но и JavaScript (идентификатор используется для доступа к элементу в скриптах).

Файл index.htm
<P>
Текст <EM id="mark">первого</EM> 
абзаца.
<P>
Текст второго абзаца.
<P class="mark">
Текст третьего абзаца.
          

Важно помнить, что элементов с одним и тем же классом на странице может быть много, а каждый идентификатор — уникален, то есть на странице не должно быть двух элементов с одним и тем же идентификатором.