如何CSS樣式從通用分離到不同的語句

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班