一、介紹:
1. 套用轉換的 java 方法:
<link rel="stylesheet/less" type="text/css" href="想轉換的LESS檔案.less" />
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js" ></script>
2. 官網: http://lesscss.org/
二、程式範例:
1. css_for_less.less檔案內容如下:
div{
span{
font-size:24px;
b{
color:red;
}
}
i{
font-size:16px;
}
}
2. HTML語法如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>LESS 寫 CSS樣式</title>
<meta name="description" content="888">
</head>
<link rel="stylesheet/less" type="text/css" href="css_for_less.less" />
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/3.11.1/less.min.js" ></script>
<body>
<div id="t1">
<span>123 <b>粗體</b></span><br>
<i>斜體</i>
</div>
</body>
</html>