Less擴展all

當關鍵字"all"最後被確定在擴展參數，然後Less匹配是選擇器作爲另一個選擇器部分。它匹配的選擇器部分將擴展使一個新的選擇器更換。

示例

下面的例子演示了使用 "all" 關鍵字在Less文件：

extend_all.html

接下來，創建文件 style.less

style.less

.style.nav,
.nav h3 {
color: orange;
}
.nav {
&:hover {
color: green;
}
}
.container:extend(.nav all) {}

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

lessc style.less style.css

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

style.css

.style.nav,
.nav h3,
.style.container,
.container h3 {
color: orange;
}
.nav:hover,
.container:hover {
color: green;
}

輸出

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

• 保存上面的html代碼在 extend_all.html 文件。

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