html - 将 css td/th 应用于类 "foo"的所有表

<分区>

我找到了一种在 html 表格周围显示细边框的简单方法:

table {
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid black;
}

现在我只想将它应用于所有类为“foo”的表。

我试过了，但是不行:

table.foo {
  border-collapse: collapse;
}

table.foo, th, td {
  border: 1px solid black;
}

这会改变所有 td 标签的样式。但我只想要“foo”表正下方的 td 标签。

正确的做法是什么？

最佳答案

使 CSS 选择像...

table.foo, table.foo th, table.foo td {
    ....

这里还有对选择器的快速检查。

关于html - 将 css td/th 应用于类 "foo"的所有表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54555380/

相关文章：

html - 表 <colgroup> 忽略最小-最大宽度