Heading scales with :has()

The :has() CSS selector provides us with the means to apply a typographic hierarchy to heading elements dependent on which heading levels are present. Justifying the necessary added complexity demands some context. Reading and typography Presuming the website you are designing contains text you want readers to read – your primary job as a typographer is to keep out of the way. Reading requires a…