为什么 jQuery 的 `:not()` 选择器的行为不像 CSS 的 `:not()`？

为什么 jQuery 的 :not() 选择器在 CSS 中不起作用？

jQuery 的 :not() 选择器虽然声称符合 CSS3，但在功能上表现出显着差异与 :not() 中定义的伪类相比CSS3.

语法和功能上的差异：

• 传递多个选择器： jQuery 允许将逗号分隔的选择器列表传递给:not()，但 CSS3 :not() 只接受一个简单的选择器。
• 组合简单选择器： jQuery 允许将多个简单选择器组合成复合选择器以与 :not() 一起使用，而 CSS3 则不允许。
• 使用组合器： jQuery 支持在 :not() 选择器中使用组合器，而 CSS3 则支持not。

后果：

当尝试直接在 CSS 中使用 jQuery :not() 选择器时，由于这些原因，它可能无法按预期工作语法和功能差异。问题中提供的示例说明了此问题。

CSS3 解决方法：

为了绕过这些限制，CSS3 提供了以下解决方法：

• 多个 :not() 选择器： 将多个 :not() 选择器链接在一起否定多个简单选择器。
• 拆分复合选择器：将复合选择器分解为多个否定。
• 替代方法：使用替代的基于 CSS 的方法，例如组合伪类和

注意：

CSS3 最终将支持 Selectors 4 中定义的增强的 :not() 选择器，它允许更广泛的功能。然而，这仍然是一个未来的标准，尚未广泛实施。

以上是为什么 jQuery 的 `:not()` 选择器的行为不像 CSS 的 `:not()`？的详细内容。更多信息请关注PHP中文网其他相关文章！