LESS 属性选择器是一种强大的 CSS 选择器，它可以让你根据 HTML 元素的属性来定义样式。LESS 属性选择器可以用来定义不同的元素，而不必使用复杂的 CSS 类名。
LESS 属性选择器使用方法很简单，只需要在元素上加上一个特定的属性，然后在 LESS 中使用这个属性作为选择器就可以了。例如，如果你想要设置所有带有 data-role="button" 的元素的背景颜色为蓝色，你可以这样写：
[data-role="button"] {
background-color: blue;
}
LESS 属性选择器还可以使用多个属性来匹配元素。例如，如果你想要找到所有带有 data-role="button" 和 data-type="primary" 的元素，你可以这样写：
[data-role="button"][data-type="primary"] {
background-color: blue;
}
LESS 还允许你使用正则表达式作为选择器。例如，如果你想要找到所有带有 data-role 以 button 或 link 开头的元素，你可以这样写：
[data-role^="(button|link)"] {
background-color: blue;
}mixins不仅可以包含属性，还可以包含选择器。
以下示例演示了在LESS文件中使用 mixin选择器：
<html> <head> <link rel="stylesheet" href="style.css" type="text/css" /> <title>Selectors in Mixins</title> </head> <body> <h2>Welcome to Tutorialspoint</h2> <a href="//www..cn/">Tutorialspoint</a> </body> </html>
接下来，创建文件 style.less 。
.mixin() {
&:hover {
background: #FFC0CB;
}
}
a {
.mixin();
}
您可以使用以下命令将 style.less 编译为 style.css ：
lessc style.less style.css
接下来执行上面的命令，它将用下面的代码自动创建 style.css 文件：
a:hover {
background: #FFC0CB;
}
让我们执行以下步骤，看看上面的代码如何工作：
将以上html代码保存在 less_mixin_selectors.html 文件中。
在浏览器中打开此HTML文件，将显示如下输出。
描述:extend(selector)语法可以放在规则集的正文中。 它是放置扩展到规则集的每个选择器的快捷方式。例子下面的例子演示了在LESS...
描述mixin类似于函数，在mixin中定义的变量将作为它的返回值。例子下面的例子说明了mixin和返回值：htmlheadlink rel=stylesheet...
描述通过 @import(multiple)，您可以导入具有相同名称的多个文件。 这与一次完全相反。 这是在版本1.4.0 中发布的。例子下面的示...
描述这是merge的另一个特性，它添加了属性值和空格。例子下面的示例演示了在LESS文件中使用合并空间功能：!doctype htmlhead tit...
描述它用于从文件检查图像的维度。 它检查图像的宽度和高度。例子以下示例演示如何在LESS文件中使用图像大小：!doctype htmlhead...