Html 如何使用css取消选择表格标题和某些tds
我想创建一个html表,我只想选择不属于thead并且没有特定类的单元格。我被卡住了,不能像这样操作选择器Html 如何使用css取消选择表格标题和某些tds,html,css,css-selectors,css-tables,Html,Css,Css Selectors,Css Tables,我想创建一个html表,我只想选择不属于thead并且没有特定类的单元格。我被卡住了,不能像这样操作选择器 table :not(thead):not(.cell-class) { background-color: #FFFFFF; } +----------------+---------------+----------+----------+ | | | | | <-- &
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标记的单元格。有人知道如何正确地处理它吗 以下选择器语法应该满足您的要求:
thead, td:not(.cell-class){
}
试试这个
tbody td:not(.cell-class) {
background: #ffffff;
}
如果在thead之后没有一个额外的tbody元素封装trs,它甚至应该可以工作。至少它在chrome上是这样测试的。你的问题令人困惑。您是要选择THAD,还是不选择它?无论如何,选择一个表分组元素和一堆表单元格是没有意义的。@BoltClock:不,我不想选择。只有x标记的单元格。我不想选择一个分组元素和其他元素。我特别想将其从所选问题中排除。我编辑了您的问题。它最初说选择thead,这就是我感到困惑的原因。你说得对。谢谢你的更正。我也修改了下面的文字。非常感谢。就是这样!原因是,我想为整个表的标题和关键列创建一个渐变背景色,而不仅仅是有自己渐变的单元格。通过这个特殊的选择,我现在可以处理所有的值单元格,这里的x标记有不同的背景颜色。这也选择了thead,这是不应该被选择的。不幸的是,你的问题表明你确实想要选择thead。事实上,这个问题是不明确的。在开始的时候,有人说应该选择thead,但下面的标题和图表似乎暗示情况并非如此。我也很困惑。你是对的,至少有一部分是对的:在我的第一句话中,我忘了提到我确实想排除这个问题。很抱歉关于这个阅读,你的css选择似乎是合适的。谢谢你的帮助。