CSSでid指定をするとエラーになります。

Question

リンク内容リンク内容### 前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

CSSでh2とh3要素の装飾をするためid指定をしましたがエラーが出ています。

h2 should not be qualified
h2 has already been difind

該当のソースコード

#main h2 {
    background: #fff;
    font-size: 20px;
    padding: 8px 22px;
    border-radius: 2px;
    border: 1px solid #956840;
}

#main h3 {
    font-size: 16px;
    border-left: solid 3px #fa9786;
    padding: 4px 9px 4px 14px;
}

試したこと

id指定からclass指定にしましたが同じエラーメッセージが表示されました。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

「CSS Lint」のエラーでしょうか。

【CSS - heading(要素名) should not been qualified と注意されてしまう｜teratail】
https://teratail.com/questions/133168

Comments

[yoshida.yuta]

回答ありがとうございます。cloud9でコードを書いているのですが警告の止め方など分かれば教えていただけると幸いです。

[kei344]

> 警告の止め方
当該環境が無いため、すみませんがエラーの指示通り直すくらいしかわかりません。

[yoshida.yuta]

ありがとうございます。