CSS LINT でのHタグの複数回使用エラーについて
こんにちわ。
今日は以前なんでや。。って思ったcss lint のhタグエラーについて書きます。
h2 { font-size:20px; } section h2 { font-size:18px; }
というコードがあったとしよう。
このコードをcsslintにかけると
上記のようなエラーがでる。
なぜだって思って調べてみると、
html5になる前はhタグの数字でアウトラインを決めていたから、
同じ階層に位置しているはずのh2同士のスタイルが違ったらダメでしょ!
っていう雰囲気だったらしいんですけど
html5になってsectionとかでアウトラインを明示的に示すことができるようになったから、今となってはこれも使ってもいいんじゃないかなーという人もいるみたいです。
これはfont-sizeなので
いや、h3使えよ。。。
みたいな方もいるかもしれないのですが、colorの時とか結構悩んだりしちゃいます。
なんか外国の方のサイトしか余り見かけることができなかったのですが、外国の方は結構このエラーは無視しちゃってるみたいな書き方でした。しらんけど。
結論
html5でコーディングするならcsslintでこのエラーでてもいいんじゃない?