selectors CSS để loại trừ bởi sự hiện diện thuộc tính

Question

Các tài liệu tôi đang phân tích có hai phong cách sau đây của td thẻ (trong số những trường hợp khác của td tags):

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

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

Làm thế nào để viết một chọn mà chỉ chọn thứ hai nhập và loại trừ tất cả các thẻ td khác?

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

loại trừ loại đầu tiên, bao gồm loại thứ hai cộng với tất cả các thẻ td khác.

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

loại trừ tất cả các thẻ td khác, nhưng bao gồm cả hai loại ở trên.

Answer 1

Bạn chỉ có thể kết hợp bộ chọn :not với bộ chọn thuộc tính khác:

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

Bạn thậm chí có thể đặt :not sau khi những người khác (nó không cần phải ở ngay bên cạnh tên phần tử):

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

Cả hai đều sẽ chọn tất cả các thành phần td có bgcolor="#A1C87A" và nowrap nhưng không có align="right", đó là những gì bạn đang theo dõi.

Answer 2

td:not([align="right"][nowrap][bgcolor]) nên là đủ cho những gì bạn muốn

Answer 3

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