sassを使って2つのクラススタイルをマージするにはどうすればいいですか？

Question

1つのブロックに以下のコードで示すように、「パディング」以外の同じプロパティを持つ異なるクラスのブロックを2つのスタイルにマージできます。

ここで私はSASS（Syntactically Awesome Style Sheets）を使用しています。ありがとうございました。

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

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

Answer 1

を使用することができます。ここにその例があります

.bookstyle { 
    @extend .pagestyle; 

    padding-left:82.1px; 

} 

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

また、mixinsを使用して必要なルールを追加することもできます。

あなたはSassのためにSCSS構文を使用していると仮定しています。

Answer 2

あなたはこれを行う1つの方法は、一方が他方を拡張することです@extendルール

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

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