Могу ли я применить псевдо-селектор: hover с пометкой LESS css? - PullRequest
29 голосов
/ 13 декабря 2011

В LESS я могу применить два таких правила, чтобы повлиять на стилизацию текста ссылок, чтобы скрыть подчеркивание, если они не наведены:

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

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

1 Ответ

65 голосов
/ 13 декабря 2011

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

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