Question

作为一名用户体验设计师，我正在努力优化我的工作流程。我希望尽快从HTML到格式良好的CSS到LESS。想法：发布你的HTML，生成CSS，编译TO更少，添加样式的属性，然后重新编译到CSS进行部署。

HTML：

<header>
   <nav>
     <ul>
       <li><a></a></li>
       <li><a></a></li>
       <li><a></a></li>
     </ul>
   </nav>
<header>

使用http://lab.xms.pl/css-generator/

输出CSS

header {  }
header nav {  }
header nav ul {  }
header nav ul li {  }
header nav ul li a {  }

然后LESS版本是用某种编译器构建的（这就是我需要的）

header{
**declarations**
  nav{
  **declarations**
    ul{
    **declarations**        
      li{
      **declarations**
        a{
         **declarations**
         }
        }
       }
      }
     }

最后在开发完成后重新编译为正常的CSS，并准备使用http://wearekiss.com/simpless之类的工具进行部署（仅举一个例子，我确信有很多像这样的工具）

我确实认识到有一些事情需要考虑，例如mixins与使用像Cleancss这样的工具连接规则，但嵌套是我最关心的问题，因为一遍又一遍地重复特殊规则是构建/查看最可怕的。

要清除未使用的CSS，我们可以使用unused-css（dot）com或类似的工具。

有没有人有完成任务的工具？有人会有兴趣建立这个吗？

欢迎提出想法 - 建议 - 聚会。自动完成这项任务至少可以真正提升我们的水平，所以请不要写下关闭，在大喊“重写它”“坚持不懈”之前，请仔细考虑我的建议等等

提前致谢并希望听到一些好的意见。

Answer 1

LESS预处理器的PHP实现有一个名为Lessify的工具。您可以从the project's git repo或give it a go online下载。我希望这就是你所需要的。

格式良好的CSS到LESS

1 个答案: