Цветовые особенности свойства text-decoration

Вам, вероятно, приходилось видеть следующий эффект:

Как же получить подчёркивание одним цветом, а саму ссылку сделать другого цвета? Всё очень просто — согласно спецификации CSS, цвет подчёркивания наследуется вложенными элементами:

Цвет (цвета), необходимые для свойства text-decoration, берутся из значения свойства color.

Свойство text-decoration не наследуется, но дочерние элементы блокового элемента должны оформляться тем же эффектом (например, подчёркиваться). Цвет оформления должен оставаться неизменным, даже если у дочерних элементов определены другие значения свойства color.

HTML код нашего примера:

<p>Какая симпатичная <a href="#" style="text-decoration:underline; color:red"><span style="color:blue">гиперссылка</span></a>!</p>

Поддерживается это дело (почти) всеми «нормальными» браузерами, т. е. Internet Explorer 5.5+ (странно, но не работает в Internet Explorer 5.0), Netscape Navigator 6+, Opera 4+. В Netscape Navigator 4, разумеется, не работает.