为什么少在类名和伪选择器之间插入空格？

Question

我尝试:hover使用Less 添加伪选择器.但每次我尝试它都会在类名和伪选择器之间添加一个空格.

我想知道是否有人知道如何解决这个问题.任何帮助将非常感激!

以下是我的代码

少代码

.well{
  display: inline-block;
  text-decoration: none;
  color: #000;
  :hover{
    color: #000;
  }
}

生成的CSS代码

.well :hover {
  color: #000;
}

Answer 1

用途&:hover:

.well{
  display: inline-block;
  text-decoration: none;
  color: #000;

  &:hover{
    color: #000;
  }
}

的&操作者表示嵌套规则的父选择器和施加改性类或伪类到现有的选择器时是最常用的

来自http://lesscss.org/features/#parent-selectors-feature