CSS中的逗号，使用相同CSS的多个选择器

Question

.Resource table.Tbl td
{ /* some css*/ }

.Resource table.Tbl td.num
{ /* some css 2*/ }

.Resource table.Tbl td.num span.icon
{ /* some css 3*/ }

.Resource table.Tbl2 td
{ /* some css*/ }

.Resource table.Tbl2 td.num
{ /* some css 2*/ }

.Resource table.Tbl2 td.num span.icon
{ /* some css 3*/ }

Tbl 和 Tbl2 的 CSS 应该相同。

 .Resource table.Tbl, table.Tbl2 td { /* some css*/ }

不起作用。

如何在不复制整行的情况下实现这一目标？

原文由 nothrow 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

.Resource table.Tbl td, .Resource table.Tbl2 td { /* some css*/ }

您应该为这两个规则添加完整的祖先路径。不仅仅是你看到差异的地方。

原文由 Alin Purcaru 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

你不能（不是在每个浏览器上，请继续阅读）。

不幸的是，每个选择器都是独立的。

这是 CSS 的恼人问题 之一。

有 :any() ，可以做你想做的事，但浏览器支持有限。

您可以随心所欲地执行此操作，并使用服务器端语言对其进行预处理，因此它会输出独立的选择器。

LESS 很受欢迎。

原文由 alex 发布，翻译遵循 CC BY-SA 3.0 许可协议