CodePen Embed - More Underline

<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; }

This Pen is owned by Alex on CodePen.

See more by @alextod on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.