Подтвердить что ты не робот

Могу ли я применить псевдо-селектор: hover с меткой LESS css?

В МЕНЬШЕ я могу применить два правила, подобные этому, чтобы повлиять на стиль текста ссылок, чтобы скрыть подчеркивание, если оно не зависало:

.read-more
{
    a
    {
        text-decoration:none;
    }
    a:hover
    {
        text-decoration:hover;
    }
}

Но я чувствую, что должен также определить два правила:

.reverseHover
{
    text-decoration:none;
}

.reverseHover:hover
{
    text-decoration:hover;
}

И затем используйте mixin для получения обоих правил:

.read-more{
    a
    {
        .reverseHover;
    }
}

Не нужно явно делать что-то вроде этого:

.read-more{
    a{
        .reverseHover;
    }
    a.reverseHover:hover
    {
        .reverseHover;
    }
}

Возможно ли это?

4b9b3361

Ответ 1

Вы можете ссылаться на родительский селектор, используя &. Вы даже можете использовать родительский селектор в mixin. Документация находится на lesscss.org. Ниже приведено решение.

.reverseHover {
    text-decoration:none;
    &:hover { text-decoration:underline; }
}
.read-more
{
    a
    {
        .reverseHover
    }
}