Skip to content

Instantly share code, notes, and snippets.

@elfacht

elfacht/debug-headings.css

Created January 5, 2022 10:43
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save elfacht/24bf5e90063e85035eaeac342933babb to your computer and use it in GitHub Desktop.
Save elfacht/24bf5e90063e85035eaeac342933babb to your computer and use it in GitHub Desktop.
Download ZIP
Debug Out-of-order Headings in CSS
Raw
debug-headings.css
/* Headers out of order (i.e. h2 before h1, etc.)
Result: dotted blue outline
*/
h2 ~ h1,
h3 ~ h1,
h4 ~ h1,
h5 ~ h1,
h6 ~ h1,
h3 ~ h2,
h4 ~ h2,
h5 ~ h2,
h6 ~ h2,
h4 ~ h3,
h5 ~ h3,
h6 ~ h3,
h5 ~ h4,
h6 ~ h4,
h6 ~ h5 {
outline: 2px dotted blue;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment