如何将两个 CSS 规则与单个选择器结合使用 [重复]答案

【问题标题】：How to combine the two CSS rules with a single selector [duplicate]如何将两个 CSS 规则与单个选择器结合使用 [重复]
【发布时间】：2013-09-29 15:57:54
【问题描述】：

我有两个带有不同选择器的 CSS 规则，我想将它们组合起来。两条规则具有相同的 CSS 属性。第一个选择器以th 元素为目标，其他选择器以td 元素为目标：

.MyClass th:nth-child(n+6):nth-child(-n+9){
    text-align: right;
}

.MyClass td:nth-child(n+6):nth-child(-n+9){
    text-align: right;
}

我想这两个规则可以结合起来，但是怎么做呢？

编辑

好吧，我知道我的回答是错误的。我的问题有点简单！

我已经习惯了用这样的逗号将它们放在一起：

.MyClass th:nth-child(n+6):nth-child(-n+9),
.MyClass td:nth-child(n+6):nth-child(-n+9){
    text-align: right;
}

但我真正想知道的是如何只做一个:nth-child(n+6):nth-child(-n+9) 的选择器。

【问题讨论】：

【解决方案1】：

你试过了吗

.MyClass th:nth-child(n+6):nth-child(-n+9), 
.MyClass td:nth-child(n+6):nth-child(-n+9) {
    text-align: right;
}

【讨论】：

【解决方案2】：

使用逗号, 分隔符，这是一个示例

.class1, .class2 {
   text-align: right;
}

【讨论】：