瀏覽器端使用less

官網地址

http://lesscss.cn/

線上demo效果查看:https://my.weblf.cn/alone_page/pages/less.html

1、通過在官網或者GitHub下載less.min.js文件,也可通過官網的cdn引入

 2、編輯一個less文件test.less(注意,只能用link方式引入,style標籤不支持)

.ccc{
    color: red;
}

3、編輯html頁面

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <link rel="stylesheet/less" type="text/css" href="test.less" />
        <script src="/HtmlTest/js/less.js-2.5.3/dist/less.js" type="text/javascript" 
        charset="utf-8"></script>
    </head>
    <body>
        <div class="ccc">1111111111</div>
    </body>
</html>

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章