如何将一段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;
    }
  }
}