Skip to content

[selectors-5] Add custom state pseudo-classes #8213

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.

Sign up for GitHub

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

Merged
merged 12 commits into from
Aug 13, 2024
Merged

[selectors-5] Add custom state pseudo-classes #8213

Changes from 3 commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
f65edc0
Add custom state pseudo-classes
josepharhar Dec 9, 2022
9ca9840
Merge branch 'main' into customstate
josepharhar Sep 18, 2023
c5cbcb2
rename from :--foo to :state(foo)
josepharhar Sep 18, 2023
6d86fd8
keith's suggestion
josepharhar Nov 8, 2023
a31bd6a
add html reference
josepharhar Jan 5, 2024
e243e60
Say that argument is case sensitive
josepharhar May 3, 2024
f2c7b40
rename custom-pseudo to custom-state
josepharhar Jun 17, 2024
d18d72f
move to overview.bs
josepharhar Jun 17, 2024
6d75e4f
fix html spec link
josepharhar Jun 17, 2024
d351d4a
revert move to overview.bs and fix html spec link
josepharhar Jul 25, 2024
a6150c8
re-do fix html spec link
josepharhar Jul 25, 2024
1d07766
Merge branch 'main' into customstate
josepharhar Jul 25, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions selectors-4/deferred-for-level-5
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -127,3 +127,14 @@ The local link pseudo-class '':local-link''</h3>
What about if the document url has less than N segments,
and the link is same-page?
Should "null segments" count as matching, or not?

<h3 id="custom-pseudo">Exposing custom state: the '':state()'' pseudo-class</h3>

The <dfn selector>:state()</dfn> pseudo-class takes an argument and matches
custom elements whose exposed custom states include the argument.

The grammar of the '':state()'' pseudo-class is:

<pre class=prod>:state( <<string>> )</pre>

TODO add some text explaining that this is defined in the HTML spec? The :user-valid pseudo class is like this too: https://github.com/w3c/csswg-drafts/pull/9308