Skip to content

Add CSS :heading and :heading() selectors #27504

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

Jump to bottom
Merged
merged 6 commits into from
Aug 6, 2025
Merged

Add CSS :heading and :heading() selectors #27504

merged 6 commits into from
Aug 6, 2025

Conversation

dletorey
Copy link
Contributor

@dletorey dletorey commented Aug 5, 2025 •
edited
Loading

Summary

  • Created the following BCD files:
    • :heading pseudo-class - css/selectors/heading.json
    • :heading pseudo-class function - css/selectors/headingfunction.json

Test results and supporting details

  • Not supported in:
    • Google Chrome
    • Safari
    • Opera
  • Tested in Firefox with this CodePen using the feature flag layout.css.heading-selector.enabled:
    • Firefox 141.0.2 - flag not present
    • Firefox Beta 142.0b7 - works as expected
    • Firefox Developer Edition 142.0b7 - works as expected
    • Firefox Nightly 143.0a1 - works as expected

Related issues

@github-actions github-actions bot added data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS size:m [PR only] 25-100 LoC changed labels Aug 5, 2025
@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Aug 5, 2025 •
edited
Loading

Tip: Review these changes grouped by change (recommended for most PRs), or grouped by feature (for large PRs).

Elchi3
Elchi3 reviewed Aug 6, 2025
View reviewed changes
Copy link
Member

@Elchi3 Elchi3 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's not add web-feature tags for the moment. It's better we let the web-feature maintainers decide where these new selectors belong to. Maybe it is a new feature.

@Elchi3 Elchi3 changed the title created BCD files for :heading and ;heading() selectors Add CSS :heading and heading() selectors Aug 6, 2025
@Elchi3 Elchi3 changed the title Add CSS :heading and heading() selectors Add CSS :heading and :heading() selectors Aug 6, 2025
Elchi3
Elchi3 approved these changes Aug 6, 2025
View reviewed changes
Copy link
Member

@Elchi3 Elchi3 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, thanks @dletorey 👍

@Elchi3 Elchi3 merged commit df483a2 into mdn:main Aug 6, 2025
6 checks passed
@mdn-bot mdn-bot mentioned this pull request Aug 6, 2025
Merged
This was referenced Aug 6, 2025
Merged
Merged
Closed
@dletorey dletorey deleted the 40483-heading-selectors branch August 11, 2025 09:48
This was referenced Aug 12, 2025
Closed
Closed
Merged
@lsegurado lsegurado mentioned this pull request Aug 18, 2025
Closed
@dletorey dletorey mentioned this pull request Aug 18, 2025
Merged
This was referenced Aug 18, 2025
Closed
Merged
@dletorey dletorey mentioned this pull request Aug 19, 2025
Closed
4 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@Elchi3 Elchi3 Elchi3 approved these changes

Assignees
No one assigned
Labels
data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS size:m [PR only] 25-100 LoC changed
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
2 participants
@dletorey @Elchi3