Less命名空間和訪問器

它是用來分組混入通用名稱。使用命名空間就可以避免衝突的名稱,並從外封裝組混入。

示例

下面的例子演示了使用命名空間和訪問修飾符在 Less 文件:

Less Namespaces and Accessors

Example using Namespaces and Accessors

LESS enables customizable, manageable and reusable style sheet for web site.

接下來, 創建一個文件 style.less.

style.less

.class1 {
.class2 {
.val(@param) {
font-size: @param;
color:green;
}
}
}

.myclass {
.class1 > .class2 > .val(20px);
}

你可以編譯 style.less 文件使用以下命令來生成 style.css 文件:

lessc style.less style.css

接着執行上面的命令,它會自動創建 style.css文件,下面的代碼:

style.css

.myclass {
font-size: 20px;
color: green;
}

輸出

讓我們來執行以下步驟,看看上面的代碼工作:

  • 保存上面的 html 代碼到 namespaces_accessors.html 文件。

  • 在瀏覽器中打開該HTML文件,得到如下輸出顯示。

Less命名空間和訪問器