[css-selectors] Be able to select for partial attribute names
Nobody has claimed this yet.
- Dominant language
- Bikeshed
- Stars
- 4.9k
- Forks
- 816
- PR merge metrics
- PR metrics pending
Description
It can be useful to select for partial attribute names (not values); for example trying select all elements with an aria attribute (i.e. any attribute name which matches /aria-.*/) or data attribute (/data-.*/), another example is the recent popover attributes; popovertoggletarget, popoverhidetarget, popovershowtarget - it would be useful to have on selector to find all "popover invokers" that have an attribute matching /^popover.*target$/.
I'd like to propose some way of extending the attribute selector syntax to allow for this kind of wildcard. Simple wildcards rather than regexes will likely be sufficient.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reviewing the existing CSS attribute selector syntax and the issue’s examples for aria-, data-, and popover-related attribute names. Compare wildcard matching with the proposed regular-expression cases, then determine a concrete syntax and document its expected behavior and limits in the CSS specification discussion.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100