css: 许多兄弟选择器在同一行

Question

在我的 stilesheet 中，我有类似以下内容的内容:

h2.foo1 ~ p.bar1 {
...
} 
h2.foo2 ~ p.bar2 {
...
} 
h2.foo3 ~ p.bar3 {
...
} 

由于括号内定义的属性对所有属性都是相同的，我能否将以上几行组合成一个，如何组合？也就是说，类似于:

h2.foo1 ~ p.bar1 (?) h2.foo2 ~ p.bar2 (?) h2.foo3 ~ p.bar3(?) {
... 
}

Answer 1

h2.foo1 ~ p.bar1, h2.foo2 ~ p.bar2, h2.foo3 ~ p.bar3 {
... 
}