2012-01-13 46 views
1

我有一箇中定義,對於大多數我的網站的工作:如何在外部CSS中有效地'子類'?

.searchBox 
{ 
    width: 610px; 
    height: 170px; 
    padding: 15px 55px 5px 15px; 
    background: url('../images/advanced_search_BG.jpg') no-repeat; 
    margin-top: 10px; 
} 

但我有一個需要大一點一箱;它必須是height: 220px

我知道我可以複製上述內容,稱它爲searchBoxLarge,將其放在我的div標籤上,然後完成。但是那是我不想要的重複代碼。

這可能是一個「愚蠢的問題」,但我不會在CSS和尋找幫助受訓......

什麼是指定searchBoxLargeheight: 220px的格式,但不重複整個searchBox條目?

回答

7

searchBoxLarge添加到searchBox聲明中,然後爲覆蓋高度值的searchBoxLarge單獨聲明。

.searchBox, .searchBoxLarge 
{ 
    width: 610px; 
    height: 170px; 
    padding: 15px 55px 5px 15px; 
    background: url('../images/advanced_search_BG.jpg') no-repeat; 
    margin-top: 10px; 
} 

.searchBoxLarge 
{ 
    height: 220px; 
} 
+0

我認爲他需要的高度是220px,而不是寬度。 – j08691 2012-01-13 20:08:50

+0

@ j08691我的不好,再次更新 – 2012-01-13 20:10:25

+0

@Oded - 我傾向於認爲它確實... http://jsfiddle.net/pGckA/ – motoxer4533 2012-01-13 20:11:48