如何将两个CSS规则与单个选择器组合在一起

Question

我有两个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)的选择器。

Answer 1

你试过吗

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

Answer 2

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

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