Взаимосвязанные запросы

Question

В настоящее время я пишу механизм выбора CSS для серверной JS (have a look!). Чтобы получить прочную основу, я начал использовать тесты Qwery (существующий механизм выбора). Там я нашел a number of tests для «отношений-первых запросов». По-видимому, CSSselect (мой проект) не показывает ожидаемое поведение, но я не уверен, чего ожидать.

Я уже искал документацию, но не нашел ничего полезного. Моя текущая реализация интерпретирует их следующим образом:

• > эквивалентно :not(:root)
• ~ и + эквивалентны :not(:first-child)
• пробелов в начале игнорируется

Qwerys интерпретация кажется, отличается, но есть ли что-нибудь официальное?

Answer 1

Нет. Вы можете взглянуть на http://www.w3.org/TR/CSS21/selector.html и http://www.w3.org/TR/css3-selectors/ (CSS3).

• > ≠ :not(:root). :root означает корень документа, поэтому ваш «равный» будет истинным для каждого, кроме одного элемента. Вместо этого это [direct] child combinator.
• ~:not(:first-child) ≠ +. В основном потому, что ~ и + отличаются друг от друга, а эквивалентность транзитивна. Оба являются компиляторами братьев и сестер, один general, а другой для adjacent единиц.
• Пробел должен быть проигнорирован, я думаю. Что еще это будет представлять? descendant combinator нуждается в двух простых селекторах вокруг него. Вас также может заинтересовать The grammar of Selectors.

Конечно, детский комбинатор подразумевает, что ребенок не является корнем документа, а соседний комбинатор подразумевает, что родственный брат не является первым ребенком.

Answer 2

Эти селектора «отношения сначала» являются нестандартными расширениями, поэтому нет ничего «официального», определяющего их. Из вашего описания > foo, + foo и ~ foo, похоже, эквивалентны * > foo, * + foo и * ~ foo, соответственно.