CSS-стили для якоря.

В Windows Internet Explorer 6 и младше и в Macintosh Internet Explorer 5 работать не будет!

Задача. К якорю с конкретно заданным параметром name применить уникальный стиль.
Исходный код:

<div>
	...
	<a href="#anchor">Ссылка на якорь с уникальным стилем</a><br />
	...
</div>

...

<div>
	<a name="anchor">Вот он — уникальный стиль. Урря!</a><br />
	...
</div>

Нужно, допустим, окрасить текст якоря anchor («Вот он — уникальный стиль. Урря!») в такой цвет (#6300c9).

Для решения задачи нужно использовать расширенные селекторы — селекторы атрибутов.

Селекторы атрибутов используются для выбора элементов на основе их атрибутов или значений атрибутов.
Из книги «CSS. 10 минут на урок» Расса Уикли

Для указанного в исходном коде якоря CSS-правила будут такими:

a[name="anchor"]
{
	color: #6300c9;
}

Задача решена.

Можно дополнить задание, и саму ссылку, которая ведёт на якорь anchor, тоже оформить по-своему. К примеру, покрасить в такой цвет (#4589cf).

CSS-код для этой ссылки:

a[href="#anchor"]
{
 	color: #4589cf;
}

Некоторые браузеры, в частности, Firefox, выделяют якоря тем же стилем, что и сами ссылки.
Можно исправить это, задав для всех якорей определённый стиль:

a[name]
{
	color: #123456;
	font-weight: bold;
}

Таким образом, все якоря в документе будут выдержаны в этом стиле, а якорь anchor будет иметь свой, уникальный, стиль.

Готовый код смотрите здесь.