在非全屏模式下将样式应用于<video> </video>

Question

我想将样式应用于<video>仅当它不是全屏模式时。我的第一个想法是：

video:not(:fullscreen):not(:-webkit-full-screen):not(:-moz-full-screen):not(:-ms-fullscreen) {}

不幸的是，not() {{1}}必须不包含伪元素。

我希望浏览器的默认样式在全屏模式下接管，而我在非全屏模式下处理元素的定位。我确信可以通过JS在全屏中添加一个类，但有没有css方法可以做到这一点？

Answer 1

浏览器将完全忽略包含无法识别的部分的任何选择器（例如来自不同浏览器的前缀伪类）。

因此，您需要将每个浏览器版本拆分为单独的规则集。