基于我在这里的另一个线程:JQueryUI Accordion: Headers and an inline block for arrangeing 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 */
}