有三个样式:container-a, container-b, container-c
.container-a {
.container-b {
color: red;
}
}
问题:
.container-c 如何继承.container-b的样式?
.container-c {
@extend .container-a .container-b
}
这种写法貌似不行,怎么办?
解决方案:
将.container-b的 属性:color: red,样式改写成一个占位符:
%占位符名
%text-color {
color: red;
}
.container-c {
%text-color;
}