选择器可以引用任何变量，它是在编译时构建的。变量名称必须放在用@符号前缀的花括号（{}）内。
下面的例子演示了在LESS文件中使用selector：
<html> <head> <link rel = "stylesheet" href = "style.css" type = "text/css" /> <title>LESS selectors</title> </head> <body> <h2>Welcome to </h2> <div class = "div1"> <p>LESS is a CSS pre-processor that enables customizable, manageable and reusable style sheet for web site.</p> </div> <div class = "div2"> <p>LESS is a dynamic style sheet language that extends the capability of CSS. LESS is also cross browser friendly.</p> </div> </body> </html>
接下来，创建文件style.less。
@selector: h2; @{selector} { background: #2ECCFA; }
您可以使用以下命令将style.less编译为style.css：
lessc style.less style.css
接下来执行上面的命令，它将自动创建style.css文件用下面的代码：
h2 { background: #2ECCFA; }
让我们执行以下步骤，看看上面的代码如何工作：
将上面的html代码保存在less_variables_interpolation_selectors.html文件中。
在浏览器中打开此HTML文件，将显示如下输出。
我们可以使用position属性设置元素的位置。元素的位置也由顶部，底部，左侧和右侧属性控制。但是，除非先设置position属性，否则...
@media CSS规则关联一组嵌套语句。语法以下代码显示如何使用CSS @media规则。@media media-query { }media-query由媒体类型和/或...
当我们在做网页的时候，有时为了整体页面搭配的美观，需要设置层样式为透明或者半透明，因为透明往往能产生不错的网页视觉效果。...
