如何使用sass合并两个类样式？

我们如何将两个具有相同属性的不同类的样式块合并到一个块中，除了下面代码中所示的“Padding”之外

这里我使用的是SASS（语法上非常棒的样式表）。任何帮助都是值得赞赏的。多谢各位

.bookstyle{
颜色：$alt深蓝色；
左侧填充：82.1px；
光标：指针；
明确：两者皆有；
字体大小：10px；
}
.页面样式{
颜色：$alt深蓝色；
明确：两者皆有；
光标：指针；
字体大小：10px；
}

您可以使用

@extend

规则

%pagestyle {
    color:  $alt-dark-blue;
    clear : both;
    cursor: pointer;
    font-size: 10px;
}

.bookstyle {
    @extend %pagestyle;
    padding-left:82.1px;
}

---

这样做的一个方法是让一个延伸到另一个。这里有一个例子

.bookstyle {
    @extend .pagestyle;

    padding-left:82.1px;

}

.pagestyle {
    color:  red;
      clear : both;
    cursor: pointer;
    font-size: 10px;
}

或者，您可以使用mixin添加所需的规则

---

顺便说一下，我假设您正在使用Sass的SCSS语法

谢谢您的回复。顺便说一句，它起作用了。是的，我正在为sass使用SCSS语法。一个小问题，Luke先生，我们能否根据页面的分辨率（而不是82.1px）为左侧填充提供一个值？您能得到的最接近的值是百分比或视口单位。Sass在这方面帮不了你，因为它在到达浏览器之前就已经编译好了