內嵌塊安排圖像/文本 - 我如何添加基於另一個線程多手風琴

Question

我這裏有：JQueryUI Accordion: Headers and an inline block for arranging image/text

我有下面的CSS，這對於一個手風琴但是當我要使用多個工作正常，手風琴，我簡單地命名＃accordion2等。有沒有更快的方式分配這些CSS，而不必複製/粘貼多次爲每個手風琴？

我想：

#accordion #accordion2 .foobar { 

等，但顯然這不是它。

對於這樣一個簡單的問題，道歉！

#accordion .foobar { 
    margin:0px; 
    padding:0px; 
} 

#accordion .foobar .foo { 
    display:inline-block; 
    width:180px; 
    height:125px; 
    vertical-align:top; 
    margin-right:10px; 
} 

#accordion .foobar .bar { 
    display:inline-block; 
    width:290px;   /* enlarge this value, if you want text all on one line */ 
} 

Answer 1

取代：

#accordion #accordion2 .foobar { 

有：

#accordion, #accordion2, .foobar {