html - 引用特定表的 th、tr 和 td

Question

我的网站上有两个表，它们的名称为：

<table class="table1">

<table class="table2">

我正在尝试引用table1's并使用td：trth

table.table1 td, tr, th {
    border: 1px solid red;
}

但它适用于我的两个表，我无法将样式覆盖为table2. 什么地方出了错？

Answer 1

每个选择器之间的逗号表示一个新的选择器。所以trandth选择器对所有表都是通用的，而不仅仅是table1. 因此，您需要table1为每个选择器指定。

table.table1 td, table.table1 tr, table.table1 th {

Answer 2

做这个：

table.table1 td, table.table1 tr, table.table1 th {
    border: 1px solid red;
}

只有当您想应用特定样式时，您必须通过父母访问tr，每条规则都用逗号分隔。th您必须引用父类才能将样式应用于tr, tdchilds

您将 css 样式应用于所有tr, thfrom page.