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

Question

我在我的代码中使用了LESS css。但是我无法写下这个。

.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;
    }
  }
}