我有一个非常烦人和令人困惑的问题。我的网站有两种不同类别的表格。一个没有边界,另一个有。但是无论我做什么,我都不能将th和td样式与其他表分开。
第一个表没有类样式;我默认使用任何样式。
第二个表有:
table.t01, th, td {
border: 4px solid black;
border-collapse: collapse;
}
但是,这会影响第一个表的th和td的样式。他妈的。
我该如何解决这个问题?
发布于 2018-12-14 05:01:30
如果将样式更明确地应用于选择器,会发生什么情况(见下文):
table.t01, table.t01 th, table.t01 td {
border: 4px solid black;
border-collapse: collapse;
}
发布于 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;
}
https://stackoverflow.com/questions/53769858
复制相似问题