:modal CSS 伪类

:modal 是 CSS 中的一个伪类，用于匹配处于模态状态的元素。当元素处于模态状态时，它会排除与外部元素的所有交互，直到该交互被解除。多个元素可以同时被 :modal 伪类选中，但其中只有一个元素将是活动的，能够接收输入。

这个特性在 2022 年 9 月就已经在各大浏览器中广泛可用，是一个成熟且稳定的功能。它适用于 Chrome、Firefox、Edge 和 Safari 等主流浏览器。

使用 :modal 伪类可以帮助开发者更好地控制用户界面中的交互行为，特别是在处理模态对话框、弹出窗口或其他需要用户专注的界面元素时。通过这个伪类，可以确保用户在与模态元素交互时，不会被界面上的其他元素分散注意力。