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

Question

我们如何合并两个具有相同属性的不同类的样式块，除了＆＃34; Padding＆＃34;如下面的代码所示，到一个区块。

这里我使用的是SASS（Syntactically Awesome Style Sheets）。任何帮助都会很明显。谢谢。

＆＃13;

＆＃13;

.bookstyle {
    color:  $alt-dark-blue;
    padding-left:82.1px;
    cursor: pointer;
    clear: both;
    font-size: 10px;
}

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

这样做的一种方法是让一个扩展另一个。这是一个例子

.bookstyle {
    @extend .pagestyle;

    padding-left:82.1px;

}

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

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

我假设您正在使用Sass的SCSS语法

Answer 2

您可以使用@extend规则

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

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