Firefox上的前缀:全屏伪装选择器

时间:2017-11-22 21:46:15

标签: css css3 firefox css-selectors pseudo-class

我正在尝试将CS​​S伪选择器用于全屏,以便在页面处于全屏模式时隐藏元素。

:-moz-full-screen section.instructions,
:-webkit-full-screen section.instructions,
:-ms-fullscreen section.instructions,
:fullscreen section.instructions {
  display: none;
}

在Firefox中,此规则将被忽略。如果我尝试使用document.querySelector(),则表示它不是有效的选择器。

如果我将其简化为Mozilla前缀:

:-moz-full-screen section.instructions {
  display: none;
}

......这很好用。

对于任何其他前缀选择器,我总是可以用逗号分隔它们。是什么让这个与众不同?这只是一个Firefox错误吗?我现在真的必须为每个浏览器单独编写所有规则吗?

0 个答案:

没有答案