Селектор - ідентифікатор об'єкта

Об'єктна модель документа (Document Object Model) описує документ як дерево об'єктів. Об'єктами є: сам документ, його розділи (елемент DIV), картинки, параграфи, додатки й т.п. Кожному з об'єктів можна дати ім'я й звертатися до нього по ім'ю. Дана можливість використовується при програмуванні сторінок на стороні клієнта.

Застосування ідентифікатора об'єкта виправдано ще й у випадку модифікації атрибута опису стилю для даного об'єкта в його CSS-Описі. Замість двох описів класів, які відрізняються тільки одним з параметрів, можна створити один опис класу й опис ідентифікатора об'єкта. Опис стилю для об'єкта задається рядком, у якій селектор являє собою ім'я цього об'єкта з лідируючим символом "#":

a.mainlink { color:darkred;

            text-decoration:underline;

            font-style:italic; }

#blue { color:#003366 }

...

<A CLASS=mainlink>основна гіпертекстова

посилання</A>

<A CLASS=mainlink ID=blue>модифікована

гіпертекстове посилання</A>

Слід зазначити, що інтерпретація ідентифікаторів об'єктів в Internet Explorer і Netscape Navigator різна. Існує ще атрибут name в елемента розмітки. При ідентифікації об'єкта Netscape Navigator звичайно має справа саме із цим атрибутом, а Internet Explorer - з атрибутом ID.

Розходження в інтерпретації ID у браузерах при декларативному використанні CSS не дуже страшні. Інша справа, якщо автор зважиться програмувати стилі, тобто змінювати значення атрибутів описателей стилів. У цьому випадку різниця об'єктних моделей документів в Netscape Navigator і Internet Explorer виявиться повною мірою. Фактично, прийде для кожного із браузерів розробляти зовсім різні сторінки.