less - 少 css &:hover

Question

我怎样才能用更少的东西创建这个类？

.class {
    display: none;
}

a:hover .class {
    display: block; 
}

score 17 · Accepted Answer

17

像这样？

.class {
    display: none;

    a:hover & {
        display: block;
    }
}

于 2013-01-27T22:31:11.320 回答

score 13 · Accepted Answer

13

.class {
  display: none;

  &:hover {
    display: block;
  }
}

于 2014-01-27T15:38:43.783 回答

score 1 · Accepted Answer

我从您给定的 CSS 代码中假设您的 HTML 结构是这样的：

<a>
    <div class="class">Content</div>
</a>

您会很高兴知道使用 Less 可以轻松实现您想要实现的目标；这是下面显示的代码：

a {
    &:hover {
        .class {
            //Apply styling here
        }
    }
}

我希望这有帮助。

3 回答 3