减去css＆amp;：悬停

Question

如何使用less创建此类？

.class {
    display: none;
}

a:hover .class {
    display: block; 
}

Answer 1

喜欢这个吗？

.class {
    display: none;

    a:hover & {
        display: block;
    }
}

Answer 2

.class {
  display: none;

  &:hover {
    display: block;
  }
}

Answer 3

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

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

你会很高兴地知道你想要实现的目标很简单，使用Less;这是下面显示的代码：

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

我希望这会有所帮助。