格式良好的CSS到LESS

Question

作為用戶體驗設計師，我正在嘗試優化我的工作流程。 我想盡快從HTML到格式良好的CSS到LESS。 想法是：發布HTML，生成CSS，少編譯，添加樣式屬性，然后重新編譯為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**
         }
        }
       }
      }
     }

最后，在完成開發並准備使用諸如http://wearekiss.com/simpless之類的工具進行部署后，將其重新編譯為普通CSS（僅作為示例，我敢肯定有很多這樣的工具）

我確實意識到需要考慮一些事情，例如mixins，使用Cleancss之類的工具連接規則，但是嵌套是我最大的擔憂，因為一遍又一遍地重復特定性規則是構建/查找最麻煩的事情。

要清除未使用的CSS，我們可以使用未使用的CSS（點）com或類似的工具。

有沒有人有完成任務的工具？ 有人會對此感興趣嗎？

歡迎進行思想，建議，聚會。 自動執行此任務至少可以真正將我們提升到一個新的水平，所以請不要寫下來，如果認真地考慮我的建議，然后大喊“重寫”，“麻煩”等等。

在此先感謝您，並希望聽到一些寶貴的意見。

Answer 1

LESS預處理器的PHP實現具有一個稱為Lessify的工具。 您可以從項目的git repo下載它，也可以使其聯機 。 我希望這就是您所需要的。