用于排列图像/文本的内联块 - 如何添加多个手风琴

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 {