<?xml version="1.0" encoding="UTF-8"?>
<feature id="modal"><name>:modal</name><description>The :modal pseudo-class selects elements that put other elements into a non-interactive state, such as a fullscreen element or a &lt;dialog&gt; element used with showModal().</description><group>selectors</group><group_name>Selectors</group_name><baseline><status>widely</status><low_date>2022-09-02</low_date><high_date>2025-03-02</high_date></baseline><support><browser name="chrome" version="105" supported="true"></browser><browser name="firefox" version="103" supported="true"></browser><browser name="safari" version="15.6" supported="true"></browser><browser name="edge" version="105" supported="true"></browser><browser name="chrome_android" version="105" supported="true"></browser><browser name="firefox_android" version="103" supported="true"></browser><browser name="safari_ios" version="15.6" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/selectors-4/#modal-state</spec></specifications><caniuse></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Selectors/:modal</mdn_url><compat_features><key>css.selectors.modal</key></compat_features><canonical_url>https://nowyoucanuse.com/features--modal.html</canonical_url></feature>