-
Notifications
You must be signed in to change notification settings - Fork 1.9k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
FF121 CSS :state() pseudo class #22083
FF121 CSS :state() pseudo class #22083
Conversation
"support": { | ||
"chrome": { | ||
"version_added": false, | ||
"notes": "From version 90 Chromium supports custom state selection using a dashed-ident (such as <code>:--foo</code>) instead of <code>:state()</code>." |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Note that Chrome supports an older format from Chrome 90 (assuming support in same versions as https://developer.mozilla.org/en-US/docs/Web/API/CustomStateSet#browser_compatibility - which is logical). It does not yet support state()
but intends to support it and deprecate the old dashed-ident format - see https://chromestatus.com/feature/5586433790443520
I am choosing to make this the main doc for the concept since the dashed ident is intended to go away eventually. Hence adding supported as false
and just recording the information about the old support.
FF121 added support for a
:state()
pseudo selector in FF121 in https://bugzilla.mozilla.org/show_bug.cgi?id=1861466This adds a feature for
:state()
.Note, FF adds support for
:state()
after::part()
in FF123 in https://bugzilla.mozilla.org/show_bug.cgi?id=1866351. However as this is all behind a preference currently not much point recording this change. Note that if we want to test this stuff for compatibility on other browsers the docs have a live example.Related docs work can be tracked in mdn/content#31971