cssを記述しようとすると "Do not use empty rulesetscss(emptyRules)" と出る

Question

htmlを記述したあと、cssを書こうとしたら表題の英文が出てきてしまい、cssが適用されません。
調べてみたら、何のプロパティも設定されていない、セレクタだけ指定したcssだから、この表記が出るとの事ですが、
セレクタは a を指定しているのですが、上手くいきません。

エディタはvs Codeを使っています。以下、ご質問したいコードを載せます。

<header>
  <div class="header-top">
    <div class="header-logo">
      <a href="URL" target="_blank">
        <img src="画像URL" alt="テキスト">
      </a>
    </div>
  </div>
</header>

.header-logo a{
  
}

.header-logoの部分にカーソルを合わせると以下の注意が出てきます。↓

element class="header-logo">
Selector Specificity: (0, 1, 0)

Do not use empty rulesetscss(emptyRules)
問題を表示 (⌥F8)
利用できるクイックフィックスはありません

本当に初歩的なところで大変申し訳ございませんが、何卒、よろしくお願い申し上げます。

Answer 1

ええと、それは「{}の中が空っぽだよ」という警告です。実際、まだ空っぽですよね。
プロパティと値を一組でも書けば消えます。

Comments

[Hitokiyo-]

ご回答ありがとうございます。
速攻で解決いたしました。
もっと用語を勉強します。