：hover在LESS中不起作用

Question

如何制作：在更少的情况下悬停工作？

我需要在悬停时更改按钮bg-color并编写以下代码：

  .actions-toolbar {
    .primary {
      display: inline-block;
      button{
        text-transform: uppercase;
        &:hover {
          background-color: #df2423;

        }
      }
    }
  }

不幸的是，它不起作用

Answer 1

查看生成的CSS，以及与HTML结构相比是否有意义。

您的悬停样式的结果CSS将如下所示：

.actions-toolbar .primary button:hover { background-color: #df2423; }

在编写LESS或Sass或等效的预处理器语言时，我总是建议一件事:(非常）小心嵌套，它会经常引起刺激和问题（非常）！