如何专门为一个表类设置th和td样式？
如何专门为一个表类设置th和td样式？
提问于 2018-12-14 04:50:03
我有一个非常烦人和令人困惑的问题。我的网站有两种不同类别的表格。一个没有边界，另一个有。但是无论我做什么，我都不能将th和td样式与其他表分开。
第一个表没有类样式；我默认使用任何样式。
第二个表有：
table.t01, th, td {
border: 4px solid black;
border-collapse: collapse;
}但是，这会影响第一个表的th和td的样式。他妈的。
我该如何解决这个问题？
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-12-14 05:01:30
如果将样式更明确地应用于选择器，会发生什么情况(见下文)：
table.t01, table.t01 th, table.t01 td {
border: 4px solid black;
border-collapse: collapse;
}Stack Overflow用户
发布于 2018-12-14 04:51:24
通过在选择器中使用逗号，您可以说“这种样式适用于任何具有t01类的table，但也适用于任何th和任何td。”
这对于合并具有相同样式的多个元素的样式非常有用。例如，以下内容等效：
// The verbose way
th { color: red; }
td { color: red; }
p.red { color: red; }
div#firstred { color: red; }
// The concise way
th, td, p.red, div#firstred { color: red; } 如果您真正想要的是为具有t01类的table的th和td后代定义一种样式，只需用空格分隔table和th/td选择器的术语：
尝试：
table.t01 th, table.t01 td {
border: 4px solid black;
border-collapse: collapse;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53769858
复制相关文章
相似问题