Firefox error: "Expected media feature name but found ‘hover’"

Question

我想根据客户端浏览器是否支持悬停来区分样式。我读到媒体功能可以完成这项工作，所以我使用了以下结构：

/* Supports hovering */
@media (hover: hover) { ... }

/* Does not support hovering */
@media (hover: none) { ... }

虽然这在 Chrome 上工作正常（请参阅下面的规范），但在 Firefox 上我收到错误 Expected media feature name but found ‘hover’。我很惊讶，尤其是因为我是在 developer.mozilla.org 那里读到关于使用 hover 作为媒体功能的。

除了在 Firefox 上运行之外，我还需要做些什么吗？

例如 this example 关于 hover 作为媒体功能在 Firefox 上对我不起作用，而在 Chrome.

上却对我起作用

Chrome: 版本 67.0.3396.79（正式版）（64 位）
Firefox:60.0.2（64 位）

Answer 1

此媒体功能仅适用于 >= 64 的 Firefox 版本：

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover#Browser_compatibility

Firefox error: "Expected media feature name but found ‘hover’"

Firefox error: "Expected media feature name but found ‘hover’"

css

firefox

hover

media-queries

interaction-media-features