:picture-in-picture

:picture-in-picture CSS 伪类匹配当前处于画中画模式的元素。

此功能在部分广泛使用的浏览器中不可用，因此尚未成为标准特性。目前，Chrome和Edge浏览器支持此功能，Safari也提供了支持，但Firefox的支持有限。

画中画模式允许视频或其他内容在独立于原始页面的浮动窗口中显示，使用户可以在浏览其他内容的同时继续观看视频。通过使用:picture-in-picture伪类，开发者可以针对处于画中画状态的元素应用特定的样式，从而优化用户体验。

要使用此功能，开发者需要确保目标浏览器支持画中画API，并相应地调整样式和交互逻辑。随着浏览器支持的增加，这一功能有望成为Web开发的标准工具。