Невозможно использовать детей с: не псевдоселектором

Question

У меня возникли проблемы с использованием некоторых относительно простых селекторов CSS с использованием :not. А именно, следующий селектор дает мне ошибку:

a:not(.ebook_document *) 

Я пытаюсь получить все <a> элементы, которые не являются потомками элемента с классом ebook_document. Это также не:

a:not(.ebook_document > *) 

Как это:

a:not(.ebook_document, *) 

Ввод селекторы сами по себе, а не в :not разделе работает отлично. Что я сделал не так?

Answer 1

: не только селектор simple. (На данный момент, CSS 4 расширяется, что к selector list.)

Plus, https://developer.mozilla.org/en/docs/Web/CSS/:not -

This selector only applies to one element; you cannot use it to exclude all ancestors. For instance, body :not(table) a will still apply to links inside of a table, since will match with the :not() part of the selector."

То, что вы хотите, не представляется возможным с помощью: нет.

Вы можете идти только об этом наоборот - формат все «нормальные» ссылки, а затем применить другое форматирование для ссылок внутри целевого элемента (ов) с использованием .ebook_document a { ... }

Так это означает, что вместо того, не прилагая стилей для этих ссылок в первую очередь, вам может потребоваться перезаписать стили, которые вам не нравятся для этих ссылок.

(Или используйте initial/all на самом деле сбросить стили, но поддержка браузера для этого еще не хватает AFAIK.)

Answer 2

Хм, не должен ли это быть: нет (.ebook_document)? Я не тестировал его, но, похоже, это должно ссылаться на теги, которые не имеют тега .ebook_document.