在媒体声明中，应写入extend。 该扩展匹配仅在同一媒体声明内存在的选择器。 在媒体声明中存在的扩展与嵌套声明中存在的选择器不匹配。
以下示例演示如何在LESS文件中的媒体内使用范围扩展：
<!doctype html> <head> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <h2>Example using extend inside media</h2> <img src="/attachments/tuploads/nature.jpg" class="style"> </body> </html>
接下来，创建文件 style.less
@media screen {
.style {
width:500px;
}
@media (min-width: 1023px) {
.style {
width:500px;
}
}
}
.cont:extend(.style) {}
您可以使用以下命令将 style.less 文件编译为 style.css ：
lessc style.less style.css
接下来执行上面的命令，它将用下面的代码自动创建 style.css 文件：
@media screen {
.style,
.cont {
width: 500px;
}
}
@media screen and (min-width: 1023px) {
.style,
.cont {
width: 500px;
}
}
让我们执行以下步骤，看看上面的代码如何工作：
将上述html代码保存在 extend_syntax.htm 文件中。
在浏览器中打开此HTML文件，将显示如下输出。
描述在选择器排序更改时，将选择器预留到继承（父）选择器很有用。 这是通过在选择器之后放置＆。 例如，当您使用Modernizer时，...
CSS3引入了几个新的文本属性，我们可以使用文本样式。CSS3文本阴影在CSS3中，我们可以使用 text-shadow 属性将阴影应用于文本。 ...
都说用 DIV+CSS 布局来设计网站便于优化，容易被收录，那么你对 DIV+CSS 布局的用法是否了解？CSS 布局是网页html通过 DIV 标签 ...
footer 标签一般用于网页的底部布局，表示页脚，包含与文档相关的信息。实例文档的页脚：footer pPosted by: Hege Refsnes/p pti...
HTML tbody 标签char 属性用来指定 tbody 标签内的元素该以哪个字符对齐，请参考下述例子：实例把 tbody 元素中的内容与字符 "."...
HTML style 标签通过 type 属性设置HTML样式表的 MIME 类型，请参考下述示例：实例在 style 标签中使用 type 属性：style type="...
HTML5 新的表单元素HTML5 有以下新的表单元素:datalistkeygenoutput注意:不是所有的浏览器都支持HTML5 新的表单元素，但是你可以...
HTMLbig标签 -HTML5 不支持实例让文本比常规的字体大一号：!DOCTYPE htmlhtmlheadmetacharset="utf-8"title编程狮(.cn)/title/he...
SQL TOP、LIMIT 和 ROWNUM 子句SQL TOP 子句用于从一张数据表中取回前 N 个或者 X% 的记录。注意：所有的数据库系统都不支持 TOP...
