默认情况下扩展寻找选择器之间的精确匹配。扩展没有匹配有关这两个第n个 - 具有表达相同的含义，但它只寻找相同的顺序形式所定义的选择器相匹配。
示例
下面的例子演示了使用带有扩展在Less文件精确匹配：
extend_syntax.html
<!doctype html> <head> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div class="style"> <h3>Hello, you guys!</h3> </div> <h4 class="img">Welcome to zaixian zaixian</h4> </body> </html>
接下来，创建文件 style.less
style.less
.style h3,
h3.style{
color: #BF70A5;
font-style: italic;
}
.img:extend(.style h3){}
.style h3应以相同的形式被定义在扩展所定义的选择器。 如果您定义扩展为.style，那么扩展视它们为不同东西。
你可以编译style.less文件使用以下命令来生成 style.css文件：
lessc style.less style.css
接着执行上面的命令，它会自动创建 style.css 文件，下面的代码：
style.css
.style h3,
h3.style,
.img {
color: #BF70A5;
font-style: italic;
}
输出
让我们来执行以下步骤，看看上面的代码工作：
-
保存上面的 html 代码到 extend_syntax.html 文件。
-
在浏览器中打开该HTML文件，输出如下得到显示。
上一篇：
Less扩展嵌套选择器
下一篇：
Less nth表达式