<p class="nounder">Выделим <a href='https://css-tricks.com/almanac/properties/t/text-decoration-skip/'>ссылку красным</a> в CSS.</p>

<p class="under">Вторая <a href='https://css-tricks.com/almanac/properties/t/text-decoration-skip/'>ссылка зеленая</a> с подчеркиванием.</p>
p { font-size: 25px; }
.nounder a { color: red; text-decoration: none; }
.nounder a:hover { text-decoration: underline; }

.under a { color: darkgreen; text-decoration: underline; }
.under a:hover { text-decoration: none; }
Rerun