我正在尝试将CSS伪选择器用于全屏,以便在页面处于全屏模式时隐藏元素。
:-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错误吗?我现在真的必须为每个浏览器单独编写所有规则吗?