Как использовать 'парение' в CSS

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

a:hover {text-decoration: underline; }

достаточно, однако вы также можете использовать имя класса 'hover', если хотите , и следующее будет в равной степени применимо:

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

Между прочим, стоит отметить, что имя класса 'hover' на самом деле ничего не добавляет к элементу, поскольку псевдоэлемент a: hover делает то же самое, что и a.hover: hover . Если только это не демонстрация использования имени класса.

a.hover: hover

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

Вы должны были использовать:

a:hover {
    text-decoration: underline;
}

hover - это псевдокласс в CSS. Нет необходимости назначать класс.

Вам необходимо объединить селектор и псевдоселектор. Вам также понадобится элемент стиля для хранения ваших стилей. Большинство людей используют внешнюю таблицу стилей для множества преимуществ (для одного из них кэширование).

<a class="hover">click</a>

<style type="text/css">

    a.hover:hover {
        text-decoration: underline;

    }

</style>

Просто примечание: класс hover не нужен, если только вы не определяете только определенные ссылки для такого поведения (что может иметь место)

The href is a required attribute of an anchor element, so without it, you cannot expect all browsers to handle it equally. Anyway, I read somewhere in a comment that you only want the link to be underlined when hovering, and not otherwise. You can use the following to achieve this, and it will only apply to links with the hover-class:

<a class="hover" href="">click</a>

a.hover {
    text-decoration: none;
}

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