如何在 Firefox 上启用 :has() 选择器

Jas*_*ham 34 css settings firefox css-selectors

:has()当我在caniuse.com上检查CSS 选择器时,它告诉我自 Firefox103 以来,它已经

在 Firefox 中,layout.css.has-selector.enabled 标志后面支持。

那么如何找到这个标志并启用它呢?

Céd*_*ric 33

转到 Firefoxabout:config页面,然后搜索并切换layout.css.has-selector.enabled

在此输入图像描述

  • 从 Firefox 110 开始,即使使用标志layout.css.has-selector.enabled,“has”选择器似乎也不起作用 (11认同)
  • 截至 2022 年 11 月 29 日,这是一个过时的规范,而且似乎运行得不太好 (10认同)
  • 有一个开放的 bugzilla 错误,开发人员表示他们打算在 23 年上半年解决该错误。更多:https://bugzilla.mozilla.org/show_bug.cgi?id=418039#c62 (6认同)
  • @dakab 在 109.0.1 中仍然不起作用。 (5认同)
  • 该标志似乎在 108.0.2 中不起作用,是吗?一个简单的演示[像这样](/sf/answers/5165871441/)可以在Chrome中运行,但不能在Firefox中运行。 (4认同)
  • 对我来说也是如此,这个标志似乎在 109.0.1 + 中不起作用 (4认同)
  • 更糟糕的是...如果启用了 about:config 中的值,则 javascript 检查 `CSS.supports ("selector(:has(:focus))"))` 返回 TRUE,即使它在 Firefox 1.109+ 中不起作用。这意味着我们不能再信任 `CSS.supports()` 方法:( (3认同)