javascript - 关系优先查询

Question

我目前正在为服务器端 JS(have a look!)编写一个 CSS 选择器引擎。为了打好基础，我开始使用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 感兴趣.

当然，子组合子表示子元素不是文档根，相邻组合子表示 sibling 不是第一个子元素。