CSS中的逗号,使用同一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应该相同。

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

不起作用。

我如何才能做到这一点而不重复整条线?

回答:

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

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

以上是 CSS中的逗号,使用同一CSS的多个选择器 的全部内容, 来源链接: utcz.com/qa/432876.html

回到顶部