描述

它用于導(dǎo)入LESS或CSS文件的內(nèi)容。

創(chuàng)新互聯(lián)是一家專業(yè)提供大石橋企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站建設(shè)、成都做網(wǎng)站、H5高端網(wǎng)站建設(shè)、小程序制作等業(yè)務(wù)。10年已為大石橋眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。

例子

下面的例子演示了在LESS文件中使用導(dǎo)入:

   
   


   
Example using Importing
   
LESS enables customizable, manageable and reusable style sheet for web site.
   
It allows reusing CSS code and writing LESS code with same semantics.
   
LESS supports creating cleaner, cross-browser friendly CSS faster and easier.

接下來，創(chuàng)建文件 myfile.less 。

myfile.less

.myclass{
    color: #FF8000;
}

.myclass1{
    color: #5882FA;
}

接下來，創(chuàng)建文件 style.less 。

style.less

@import "http://www.w3cschool.cn/less/myfile.less";
.myclass2
{
color: #FF0000;
}

將路徑從 style.less 的 myfile.less “> //www.w3cschool.cn/less/myfile.less

您可以使用以下命令將 style.less 文件編譯為 style.css :

lessc style.less style.css

接下來執(zhí)行上面的命令，它將用下面的代碼自動(dòng)創(chuàng)建 style.css 文件:

style.css

.myclass {
  color: #FF8000;
}
.myclass1 {
  color: #5882FA;
}
.myclass2 {
  color: #FF0000;
}

輸出

讓我們執(zhí)行以下步驟，看看上面的代碼如何工作:

• 將上述html代碼保存在 importing.html 文件中。

• 在瀏覽器中打開此HTML文件，將顯示如下輸出。

---

當(dāng)前名稱：創(chuàng)新互聯(lián)less教程：Less導(dǎo)入
本文路徑：http://fisionsoft.com.cn/article/djhiscd.html