使用混合(Mixing in)的时候,有时只需要混合预设样式中的某一部分,则可只访问混合样式中的指定部分。具体如下例所示。
使用less
#example() {
.button {
display: block;
border: 1px solid black;
background-color: grey;
&:hover {
background-color: white;
}
}
.tab { color:red; }
.citation { color:red; }
}
#header a {
color: orange;
#example.button(); // 也可以写#example > .button
}
输出css
#header a {
color: orange;
display: block;
border: 1px solid black;
background-color: grey;
}
#header a:hover {
background-color: white;
}