html - 用于按属性存在排除的 CSS 选择器

Question

我正在解析的文档具有以下两种样式的 td 标签(以及 td 标签的其他实例):

<td align="right" nowrap bgcolor="#A1C87A">...</td>

<td align="right" nowrap>...</td>

我如何编写一个只选择第二种类型并排除所有其他 td 标签的选择器？

document.css('td:not([bgcolor="#A1C87A"])')

不包括第一种类型，包括第二种类型以及所有其他 td 标记。

document.css('td[align="right"][nowrap]')

排除所有其他 td 标记，但包括上述两种类型。

Answer 1

您可以简单地将 :not 选择器与其他属性选择器组合起来:

document.css('td:not([bgcolor="#A1C87A"])[align="right"][nowrap]')

您甚至可以将 :not 放在其他元素之后(它不需要紧挨着元素名称):

document.css('td[align="right"][nowrap]:not([bgcolor="#A1C87A"])')

这些都将选择所有具有 bgcolor="#A1C87A" 和 nowrap 但没有 align 的 td 元素="right"，这就是您所追求的。