Underline on only part of links

by agib

HTML

<a href="#" class="first"><span>Nej</span>Ja</a>
<br>
<br>
<a href="#" class="second"><span>Nej</span>Ja</a>

CSS

a.first {
    text-decoration: none;
}
a.first:hover {
    text-decoration: underline;
}
a.first:hover span {
    text-decoration: none !important;
}

a.second {
    text-decoration: none;
}
a.second:hover {
    /*text-decoration: underline;*/
}
a.second:hover span {
    text-decoration: underline;
}