如何将css样式从common扩展到不同的声明

Question

我有两个元素，我想应用相同的背景样式，但是它们的字体样式不同，如何在标题部分编写样式语句而不必编写重复的语句？

Answer 1

它并不简单：

#element1, #element2 {
    background: red
}
#element1 {
    font: 20px sans-serif
}
#element2 {
    font: 24px serif
}

您应该阅读selector grouping。

Answer 2

您可以将多个类应用于元素...

HTML：

<div class="common div1">My Stuff</div>
<div class="common div2">My Stuff 2</div>

CSS：

.common {
background-color:blue;
background-image:url("bill.jpg");
background-repeat:no-repeat;
}
.div1 {
font-family:Calibri;
}
.div2 {
font-family:Arial;
}

Answer 3

给它一个类+一个ID

<style type="text/css">
div.common { background:blabla; }
div #type1 { font-style:blabla; }
div #type2 { font-style:otherblabla; }
</style>
<div class="common" id="type1">asd</div>
<div class="common" id="type2">asd</div>

或者使用另一个人发布的方法，2个类