②Выборка отдельных ссылок и подчеркивание ссылок

Продолжим изучение темы CSS - ссылки. Если пропустили прошлую статью, то вот ссылка на неё:

Для стилизации отдельных ссылок нужно задать им стилевой класс, после чего можно будет менять внешний вид выбранных ссылок:

HTML

<a href="http://anysite.ru" class="global">какой-то текст</a>

Удаление подчеркивания:

CSS

a {text-decoration: none;}

Добавление подчеркивания только при наведении на ссылку:

CSS

a {text-decoration: none;}
a:hover {text-decoration: underline;}

Внешний вид нижней границы ссылки:

CSS

a {
  text-decoration: none;
  border-bottom: 2px dashed DarkOrchid;
  padding-bottom: 3px;
}

Продолжение в следующей статье!