Skip to content

Disallow qualified headings

nzakas edited this page Oct 24, 2011 · 5 revisions

Heading elements (h1-h6) should be defined as top-level styles and not scoped to particular areas of the page. This allows those styles to be reused across your site for better visual consistency and performance and easier maintenance. For example, this is an example of an overqualified heading:

.foo h1 {
    font-size: 110%;
}

Heading elements should have a consistent appearance across a site.

Rule ID: qualified-headings

Clone this wiki locally