Extend是一个LESS伪类,它通过使用:extend 选择器在一个选择器中扩展其他选择器样式。
就好比定义好的方法,然后利用extend,在这里进行调用。或者可以理解为,就是利用extend,把别的样式通过样式名给引用过来。
示例
h2 {
&:extend(.style);
font-style: italic;
}
.style {
background: green;
}
转换后:
h2 {
font-style: italic;
}
.style,
h2 {
background: green;
}
扩展语法
扩展放置在规则集中或附加到选择器。 它类似于包含一个或多个类的伪类,它们之间用逗号分隔。 使用可选的关键字全部,可以跟踪每个选择器。
例如:
.style:extend(.container, .img)
{
background: #BF70A5;
}
.container {
font-style: italic;
}
.img{
font-size: 30px;
}
网友评论