heading(要素名) should not been qualified と注意されてしまう

Question

皆様いつもお世話になっております。

基本的な質問で恐縮ですが、例えば

header h3{   
}

#main h3{
}

.test h2{   
}

のように書くと
heading (h3) should not be qualified と注意アイコンが表示されるのですが、要素はcssの中に書くべきではないのでしょうか？

ご指摘と、ご教授のほどよろしくお願いします。

Answer 1

これはCSS Lintに基づく警告のようですが、「h3にそれ以外の修飾を入れない」というのは、OOCSSに基づいて、「h3などの見出しは作り付けのものとして扱う」という考え方から来ているもの、とのことです（ドキュメント）。

この、OOCSS的な考え方が、実際の運用と合わない、というのであれば、警告は止めてしまいましょう（参考）。

Comments

[kalon]

いつも素早く詳しい回答をありがとうございます。