Less擴展嵌套選擇器

嵌套選擇使用擴展選擇器匹配。

示例

下面的例子演示了使用在 Less 文件擴展嵌套選擇：

extend_syntax.html

Welcome to Yiibai Yiibai

接下來，創建文件 style.less

style.less

.style {
h3{
color: #BF70A5;
font-size: 30px;
}
}
.img:extend(.style h3){}

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

lessc style.less style.css

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

style.css

.style h3,
.img {
color: #BF70A5;
font-size: 30px;
}

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

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

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