如何用css取消选择表头和某些tds

Question

我想创建一个html表，我只想选择不属于thead且没有某个类的单元格。我遇到了像这样的非操作选择器

table :not(thead):not(.cell-class) {
    background-color: #FFFFFF;
}

+----------------+---------------+----------+----------+
|                |               |          |          |    <-- <thead>
+----------------+---------------+----------+----------+
|  .cell-class   |       x       |     x    |     x    |
+----------------+---------------+----------+----------+
|  .cell-class   |       x       |     x    |     x    |
+----------------+---------------+----------+----------+
|  .cell-class   |  .cell-class  |     x    |     x    |
+----------------+---------------+----------+----------+

应该只选择x标记的单元格。有谁知道如何妥善解决它？

Answer 1

以下选择器语法应该执行您正在寻找的内容：

thead, td:not(.cell-class){

}

Answer 2

尝试使用此

tbody td:not(.cell-class) {
    background: #ffffff; 
}

如果您在tbody之后没有附加tr - 元素，那么它甚至应该可以使用thead。 （至少在使用此fiddle测试的chrome中进行测试。）