cssでclassを記載する時の重複部分の記載方法

質問

お世話になります。
cssでのクラスの書き方についてです。
例えば、
div.DivA{
color:red;
font-size:13px;
padding:5px;
margin:5px;
}
などと記載して、
DivAと、フォントサイズのみを変えたDivBを定義したいとき、
div.DivB{
color:red;
font-size:20px;
padding:5px;
margin:5px;
}
とすれば、可能なわけですが、
このDivBの定義をするとき、DivAの設定事項を引き継いだ記載方法は無いものでしょうか。
つまり、
div.DivB{
font-size:20px;
「後は、DivAと同じ」
}
「後は、DivAと同じ」
の部分の記載方法です。
よろしくお願いいたします。

回答No.1

noname#83877 · ベストアンサー

div.DivA {
font-size:13px;
}
div.DivB {
font-size:20px;
}
div.DivA, div.DivB {
color:red;
padding:5px;
margin:5px;
}

こういうのですか？
個人的には少しこれだとソースで分ける意味がわかりにくいので

<div id="WRAPPER">
<div ckass="DivA">AAAAAAAA</div>
<div ckass="DivB">BBBBBBBB</div>
</div>

として
#WRAPPER div {
color:red;
padding:5px;
margin:5px;
}
div.DivA {
font-size:13px;
}
div.DivB {
font-size:20px;
}

こんな感じにしますが。

お礼

metametamuさん、すごく速いご回答ありがとうございます。
その通りです。
教えていただいたような記載方法を考えていました。
また、
「個人的には」、と、いう記載方法もとても参考になりました。
ありがとうございました。