css - 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 {
... 
}

Answer 2

逗号。

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