html - 如何将两个 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).

score 3 · Accepted Answer

你试过了吗

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

score 3 · Accepted Answer

3

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

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

于 2013-09-17T07:03:22.947 回答

2 回答 2