逗号在CSS中，多个选择器使用相同的CSS [英] Comma in CSS, multiple selectors using the same CSS

问题描述

.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应该是相同的。

where the CSS for Tbl and Tbl2 should be the same.

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

如何实现这一点，而不重复整行？

How can I achieve this, without duplicating whole line?

推荐答案

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

您应该为两个规则添加完整的祖先路径。不只是您在哪里看到差异。

You should add the full ancestor path for both rules. Not just where you see differences.

这篇关于逗号在CSS中，多个选择器使用相同的CSS的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！