@passmarked/css/docs/disallow-qualified-headings.md

Rules related to checking the compatability of the CSS on the page ensuring the stylesheet works on older browsers too

Using qualified headings compromises the predictability of your design. If someone else were to pick up your design and tried putting in a heading somewhere, **they would need to be aware of the context and placement of the element.**

```css
/* Qualified heading with unpredictable heading styling */
.foo h1 {
  font-size: 50px;
}
.bar h1 {
  font-size: 30px;
}
```

With headings defined unconditionally, a developer can use a heading anywhere confident of its presentation, regardless of its parents.

```css
/* Predictable (site wide) heading styling */
h1 {
  font-size: 40px;
}
```

# How do I fix this ?

Remove heading qualifiers and make heading styles consistent across your site.

# Resources

* [Don't qualify headings](http://code.tutsplus.com/articles/should-you-start-using-csslint--net-20895)