sass中的继承

2019-09-26  本文已影响0人  最爱喝龙井

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;
}

注意:继承某个选择器的样式之后,连带着会继承所有和这个选择器有关的样式。

上一篇下一篇

猜你喜欢

热点阅读