CSS: подчеркивание ссылки другим цветом

Довольно старый трюк, основанный на вложенных элементах HTML, задающий подчеркивание ссылки цветом, отличным от цвета самой ссылки.

Создадим CSS классы для ссылки, подсвеченной ссылки и вложенного элемента:

CSS: стили

/* CSS-класс для ссылки */
a.underlined {
  color: #C61C1C;
  text-decoration: none;
}
/* CSS-класс для подсвеченной ссылки */
a.underlined:hover {
  color: #C61C1C;
  text-decoration: underline;
}
/* CSS-класс для вложенного элемента */
.nested {
  color: #3357B6;
}

HTML: код HTML для ссылки с вложенным элементом

<a class="underlined" href="http://dotrb.blogspot.com/">
  <span class="nested">Это ссылка</span>
</a>

И вот, что в итоге должно получиться:
Это ссылка