:heading | CSS Selectors & Pseudo-classes

An experimental pseudo-class that targets any heading element (h1, h2, h3, h4, h5, or h6) automatically.

Quick example

:heading {
  /* Applies a consistent accent color to all headings */
  color: var(--primary-accent);
  font-family: 'Outfit', sans-serif;
}

Limited availability Unknown global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

preview+