Html 如何用一个选择器组合两个CSS规则
我有两个CSS规则和不同的选择器,我想合并。这两个规则具有相同的CSS属性。第一个选择器以Html 如何用一个选择器组合两个CSS规则,html,css,css-selectors,Html,Css,Css Selectors,我有两个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; } 我想把这两条规则结合起来是可能的,但如何结合呢 编辑 好吧,我知道我的答案错了。我的
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;
}
但我真正想知道的是如何只选择一个:第n个孩子(n+6):第n个孩子(-n+9)
你试过了吗
.MyClass th:nth-child(n+6):nth-child(-n+9),
.MyClass td:nth-child(n+6):nth-child(-n+9) {
text-align: right;
}
使用逗号
,
分隔符,下面是一个示例
.class1, .class2 {
text-align: right;
}
把它们放在一起,用逗号隔开?天哪,我讨厌答案这么简单,我一直在放评论。然后把它作为答案…;-)现在有点太晚了:D我不会因此获得荣誉,这太粗鲁了。或者实际上贡献给该网站并将其标记为副本。我不知道为什么在这里投反对票?这很有效,谢谢。但我希望有一个简短的版本!我将更改我的问题。@Timo002不要更改,发布另一个。。。。