Search code examples
csscsslint

What is the definition/meaning of 'qualified' in the context of CSS? (csslint.net warning)


What is the meaning of 'qualified'? I'm getting this warning from csslint.net:

"Disallow qualified headings: Heading (h1) should not be qualified)."

The problem code in question:

.Layer2_InfoText1 h1 {
  margin:1.3rem;
}

What does this mean, and why is it considered a problem?


Solution

  • In this context 'qualified' refers to selecting of an element with CSS beyond the top level. h1 is qualified, therefore, in this example.

    Its a style guide according to csslint.net