如何将一段 CSS 代码转换为 LESS css

Question

我在我的代码中使用了 LESS css。但是我不能用 LESS 写这个。

.A .B div.span4 a, .A .B div.span12 a, .A .B div.span6 a 
{
    background: none repeat scroll 0 0 #3b5998;
    color: @white;
    display: block;
    font-family: Verdana,Geneva,sans-serif;
    font-size: @font-size-base;
    padding: 5px 10px;
}

Answer 1

如果您是 Windows 用户，您可以使用 Winless 等第三方软件。还有一些在线工具，例如 Css2less, Lessify

Answer 2

更优化：

.A .B 
{
  div.span4,
  div.span12,
  div.span6
  {
    a 
    {
        background: none repeat scroll 0 0 #3b5998;
        color: @white;
        display: block;
        font-family: Verdana,Geneva,sans-serif;
        font-size: @font-size-base;
        padding: 5px 10px;
    }
  }
}