CSSのファイル保存について

Question

前提

Visual Studio codeでCSSのファイルを保存ようとしたら2か所のエラーコードがでました。
一番上の　utf-8;の所と、一番下の.open{}でエラーがあるようなのですが何の問題なのか分からないです。

実現したいこと

ここに実現したいことを箇条書きで書いてください。

• エラーを無くしたいです。

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

@charset utf-8;では　dentifier expectedcss(css-identifierexpected)　 .open{}では　Do not use empty rulesetscss(emptyRules)

問題のエラーコード

@charset utf-8;
*{
    line-height: 1.5em;
}

#wrapper{
    width: 380px;
    margin: 16px;
}
h1{
    font-size: 20px;
    border:  solid 2px orange;
    padding: 2px 4px;
    margin: 1em 0 0.5em 0;
}
h2{
    background: lightblue;
    padding: 2px 4px;
    font-size: 12px;
    margin: 1em 0 0.5em 0;
}
p{
    font-size: 12px
}
.close{
    display: none;
}
.open{}

Comments

[m.ts10806]

マークダウンのcode内にいはコードだけを入れてください

ファイル名
```言語名
コード
```
https://teratail.com/questions/238564

[m.ts10806]

>　Do not use empty rulesetscss(emptyRules)

そのまま読むと空定義を指摘する設定されてるのでは？

[hatena19]

引用符で囲んでください。
@charset "utf-8";

Answer 1

以下の質問の回答参照。
https://teratail.com/questions/ig5luchkbe9vgc

他の文法チェックに掛けることで見えることもあります。
今回提示されたコードだと↓

@charsetがnullと正しく認識されてないことが分かります。
間違っている機能が分かったら、その機能を公式などのリファレンスで確認して、自身のコードが仕様通り組めているかチェックします。
よく使われるのはMDN
https://developer.mozilla.org/ja/docs/Web/CSS

クォーテーションを囲う「文字列」を指定する場合と、
有効な定数や変数を指定する場合とがあるので注意してください。