Less選擇器

選擇器可以引用任何變量，它是在編譯時構建的。變量名稱必須放在花括號內({})前綴爲@符號。

示例

下面的例子演示瞭如何使用選擇器在 Less 文件：

Welcome to Yiibai Yiibai

接下來，創建文件 style.less。

style.less

@selector: h2;

@{selector} {
background: #2ECCFA;
}

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

lessc style.less style.css

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

style.css

body {
background: #2ECCFA;
}

輸出

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

• 保存上述的HTML代碼到 less_variables_interpolation_selectors.html 文件 。

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