用于在LESS文件中嵌套选择器的工具

Question

我正在寻找一个在线工具，命令行工具或Windows应用程序，将平面选择器规则转换为嵌套在LESS文件中。

在：

#header {
  color: black;
}
#header .navigation {
  font-size: 12px;
}
#header .logo {
  width: 300px;
}

后：

#header {
  color: black;
  .navigation {
    font-size: 12px;
  }
  .logo {
    width: 300px;
  }
}

Answer 1

您可以使用CSS 2 LESS：

在左侧窗格中粘贴CSS代码，您将在右侧获得以下LESS：

#header {
    color: black;
    .navigation {
        font-size: 12px;
    }
    .logo {
        width: 300px;
    }
}

这正是您所期望的