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

2022-01-10 00:00:00 css-selectors 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.

相关文章