<?xml version="1.0" encoding="UTF-8"?>
<feature id="state"><name>:state()</name><description>The :state() CSS pseudo-class matches custom elements based on their custom state, set through the ElementInternals.states API.</description><group>custom-elements</group><group_name>Custom elements</group_name><baseline><status>newly</status><low_date>2024-05-17</low_date></baseline><support><browser name="chrome" version="125" supported="true"></browser><browser name="firefox" version="126" supported="true"></browser><browser name="safari" version="17.4" supported="true"></browser><browser name="edge" version="125" supported="true"></browser><browser name="chrome_android" version="125" supported="true"></browser><browser name="firefox_android" version="126" supported="true"></browser><browser name="safari_ios" version="17.4" supported="true"></browser></support><specifications><spec>https://html.spec.whatwg.org/multipage/custom-elements.html#custom-state-pseudo-class</spec></specifications><caniuse></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/API/CustomStateSet</mdn_url><compat_features><key>api.CustomStateSet</key><key>api.CustomStateSet.@@iterator</key><key>api.CustomStateSet.add</key><key>api.CustomStateSet.clear</key><key>api.CustomStateSet.delete</key><key>api.CustomStateSet.entries</key><key>api.CustomStateSet.forEach</key><key>api.CustomStateSet.has</key><key>api.CustomStateSet.keys</key><key>api.CustomStateSet.size</key><key>api.CustomStateSet.values</key><key>api.ElementInternals.states</key><key>css.selectors.state</key></compat_features><canonical_url>https://nowyoucanuse.com/features--state.html</canonical_url></feature>