css - 使用 css 选择器选择没有表头的表行

Question

使用 css 选择器我应该如何编写一个选择器，以便只有具有数据的表行将光标显示为指针。我在下面试过但没有

table tbody tr:not(tr>th)

这是 IE6 中的跨浏览器和工作事件吗？

Answer 1

这不是一个有效的 CSS 选择器；你不能把组合子放在:not()里面.

最好的办法是将标题行(即包含 <tr> 元素的 <th> 元素)放在 <thead> 中，将其余行保留在表的 <tbody> 中，并简单地使用这个:

table tbody tr {
    cursor: pointer;
}

如果您不能修改您的 HTML，单靠 CSS 选择器是不可能的，尤其是在您要求支持 IE6 的情况下。改用 JavaScript；这是一个强制性的 jQuery 示例:

$('table tbody tr:not(:has(th))').css('cursor', 'pointer');