通过在选择器中使用逗号，您可以说"此样式适用于类为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; }

如果你真正想要的是为th和td定义一个样式，而table是一个t01类的table的后代，那么只需要用一个空格来分隔table和th/td选择器的项：
试试看：

table.t01 th, table.t01 td {
   border: 4px solid black;
   border-collapse: collapse;
}

如果您将样式更明确地应用于选择器，会发生什么情况（见下文）：

table.t01, table.t01 th, table.t01 td {
    border: 4px solid black;
    border-collapse: collapse;
}

下面是另一个略短的替代方案：

<style>
    #myTable th, td { 
        border: 4px solid black;
        border-collapse: collapse;
    }
</style>
...
<table id="myTable">
    ...
</table>