css - How can I target both :-webkit-full-screen and :moz-full-screen at the same time?

Question

This works:

:-webkit-full-screen {
    ...
}

And so does this:

:-moz-full-screen {
    ...
}

But when I do this, the styles don't get applied in Chrome or Firefox:

:-webkit-full-screen, :-moz-full-screen {
    ...
}

How do I target both?

Answer 1

Rob 认为这是重复的，但简短的版本是 Firefox 说“:-webkit-full-screen？那是垃圾；我要扔掉整个选择器”，Chrome 也说 :-moz-full -屏幕。您需要为每个选择器复制整个内容。

Answer 2

做不到。你需要两个声明。浏览器将忽略它们无法识别的选择器。