引用特定的表th，tr和td

Question

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

<table class="table1">

<table class="table2">

我正在尝试使用以下内容引用table1的{​​{1}}，td和tr：

th

但它适用于我的两个表格，我无法将样式覆盖到table.table1 td, tr, th { border: 1px solid red; } 。出了什么问题？

Answer 1

每个选择器之间的逗号表示一个新的选择器。因此，tr和th选择器对所有表都是通用的，而不仅仅是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，td孩子

您已将css样式应用于页面中的所有tr，th。