CSS как изменить ссылку

Чтобы изменить стиль ссылки в CSS, можно использовать псевдоклассы :link, :visited, :hover и :active.

:link — определяет стиль для непосещенной ссылки.

:visited — определяет стиль для посещенной ссылки.

:hover — определяет стиль для ссылки при наведении на нее курсора.

:active — определяет стиль для ссылки во время ее нажатия.

Пример:

a:link {
  color: blue;
  text-decoration: none;
}

a:visited {
  color: purple;
}

a:hover {
  color: red;
  text-decoration: underline;
}

a:active {
  color: green;
}

В этом примере созданы стили для всех состояний ссылки. Ссылка по умолчанию (:link) будет синего цвета и без подчеркивания. Посещенная ссылка (:visited) будет фиолетовой. При наведении на ссылку (:hover) ее текст станет красным и появится подчеркивание. Во время нажатия на ссылку (:active) ее текст будет зеленым.

Чтобы изменить стиль конкретной ссылки, можно задать ей уникальный ID или класс и добавить стиль для этого ID или класса в CSS. Например:

<a href="#" class="my-link">Ссылка</a>

.my-link {
  color: blue;
  text-decoration: none;
}

.my-link:hover {
  color: red;
  text-decoration: underline;
}

В этом примере создана ссылка с классом my-link, и для нее задан стиль без подчеркивания и синего цвета. При наведении на ссылку ее текст станет красным и появится подчеркивание.