sass中的继承需要用到@extend这个关键字
语法:@extend 需要继承的选择器
例:
style.scss文件
body {
padding: 15px;
}
body a {
font-weight: 600;
}
div {
@extend body;
color: #ccc;
}
*编译之后的style.css文件
body, div {
padding: 15px;
}
body a, div a {
font-weight: 600;
}
div {
color: #ccc;
}
注意:继承某个选择器的样式之后,连带着会继承所有和这个选择器有关的样式。
网友评论