CSS Pseudo-selector For H1-h6? · Issue #1008 · W3c/csswg-drafts

Skip to content Dismiss alert {{ message }} / csswg-drafts Public
  • Notifications You must be signed in to change notification settings
  • Fork 779
  • Star 4.8k
  • Code
  • Issues 4.3k
  • Pull requests 133
  • Actions
  • Projects
  • Security
  • Insights
Additional navigation options CSS pseudo-selector for h1-h6? #1008New issueNew issueClosedClosedCSS pseudo-selector for h1-h6?#1008Labelsselectors-5@pmaxhogan

Description

@pmaxhoganpmaxhoganopened on Feb 6, 2017

I frequently find myself writing CSS like this:

h1, h2, h3, h4, h5, h6{ ... }

It annoys me that I have to type h1, h2, h3, h4, h5, h6 so much. But it gets worse:

article h1, article h2, article h3, article h4, article h5, article h6{ ... }

or even

article h1.bold:hover, article h2.bold:hover, article h3.bold:hover, article h4.bold:hover, article h5.bold:hover, article h6.bold:hover{ ... }

Wouldn't it be nice to just type

:heading{ ... }

or

article :heading{ ... }

or

article :heading.bold:hover{ ... }

:heading just matches h1-h6. It would be easy to implement for browser vendors and easy to polyfill. But extremely helpful.

Having a heading selector like :heading would be AWESOME!

Metadata

Metadata

Assignees

No one assigned

Labels

selectors-5

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions

You can’t perform that action at this time.

Từ khóa » H1-h6 Css