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

Question

The document I am parsing has the following two styles of td tags (among other instances of td tags):

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

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

How do I write a selector which only selects the second type, and exclude all the other td tags?

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

excludes the first type, includes the second type plus all other td tags as well.

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

excludes all other td tags, but includes both types above.

Answer 1

You can simply combine the :not selector with the other attribute selectors:

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

You could even put the :not after the others (it doesn't need to be right next to the element name):

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

These will both select all td elements that have bgcolor="#A1C87A" and nowrap but don't have align="right" , which is what you're after.

Answer 2

td:not([align="right"][nowrap][bgcolor])应该足以满足您的需求

Answer 3

td[nowrap][bgcolor] ~ td[nowrap] { code };