css - CSS 中的逗号,多个选择器使用相同的 CSS

标签 css css-selectors

.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 中的逗号,多个选择器使用相同的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4013604/

相关文章:

html - 无法在我的本地 html 文件中引用上传到服务器的字体文件

css - 在 flexbox 元素上使用 box-shadow 居中突出显示文本

javascript - 如何选择多个div id

html - 为什么第 nth-of-type/nth-child 不适用于嵌套元素?

CSS:可以选择某个 child 加上紧随其后的 sibling 吗?

javascript - <Div style=> 不改变字体

css - 将渐变转换为线性渐变语法

jquery - 在文本字段中输入时自动调整文本字体大小

css - 在 CSS 中组合 :last-child with :not(. 类)选择器

html - 仅将 css 分配给 p 而不是特定的 p.class