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

Об'єктна модель документа (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>

Завдання: за допомогою каскадних таблиць стилю змінити відображення вказаних елементів розмітки вашого міні-сайта.

Застосуйте при цьому всі три описаних способи зміни стилю відображення.