cssで、"html"の部分でエラーが出てきます。

Question

前提・実現したいこと

webのコーディング練習

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

cssでコードを入力すると、html の部分に赤い波線が引かれ、"semi-colon expected css(css-semicolonexpected)[5,1]"のエラー表示が出ます。

該当のソースコード

@charset "UTF-8"

/* 共通部分
-------------------------------------------------- */
html {
    font-size: 100%;
}
body {
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
a {
    text-decoration: none;
}

試したこと

コードの書き直し。誤って全角スペースを打っていないか確認。

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

Visual Studio Code
拡張機能:Live Sass Compiler,HTML CSS Suport,Auto Rename Tag,zenkaku等使用。

Answer 1

@charset "UTF-8";

提示のコードはセミコロンを付け忘れています。
@charset "UTF-8"の後にセミコロンが来るのを期待しているのに突然

html {
    font-size: 100%;
}

となっているので"semi-colon expected cssと言われてる訳です。

Comments

[nasubi-0602]

ご回答頂きありがとうございます。ご指摘の通り訂正したところ、エラーがなくなりました。とても初歩的なミスをしていました…。今後気をつけます。

[K_3578]

VScodeは私は使っていないので分からないのですが、恐らく文法エラー等をしていれば
視覚的に知らせてくれる拡張機能があったはずです。そういうのを入れた方がケアレスミスで
時間を無駄にしなくて済むとは思います。

Answer 2

semi-colon expectedは「セミコロンが欲しいです」という意味です。
セミコロンを加えてみては？