
因為手打css熟,之前就沒在碰像這樣可以把css程式化的工具,不過最近因為想玩一些新東西,所以就把Less也順便學一下。
要使用less,可以先到http://lesscss.org/下載最新版的less。
因為它可以在client端執行,所以下載後像這樣引入就可以了。
這是你編輯的less樣式
<link rel="stylesheet/less" type="text/css" href="styles.less">
這是less.js檔案
<script src="less.js" type="text/javascript"></script>
設定完成後,就可以來玩看看less了。
可以使用變數
- @color: #4D926F;
- #header {
- color: @color;
- }
- h2 {
- color: @color;
- }
Compile後
- #header {
- color: #4D926F;
- }
- h2 {
- color: #4D926F;
- }