html - リンクのフォーマットの問題 - HTML/CSS

Question

HTML 上のリンクの書式設定で問題が発生しています。次のように定義されたリンクがあります。

<a href="#a1" class="scroll type1">Some text</a>

ご覧のとおり、リンクには 2 つのクラスがあります。このscrollクラスには書式設定はまったくありません。これは、リンクがクリックされたときにページをスクロールするための JavaScript コードの行の単なるマーカーです。type1クラスには css 形式があります。ここにあります：

a.type1:link, a.type1:visited {
    color: #000000;
    text-decoration: none;
}
a.type1:hover {
    color: #4f8dd5;
    text-decoration: none;
}
a.type1:active {
    color: #000000;
    text-decoration: none;
}

したがって、ユーザーがマウスを上に置いていない限り、リンクのテキストは黒であると予想されます。その場合は青です。

しかし、それは起こりません。ホバーはまだ正しいですが、これはホバーなしで私が見るものです:

何らかの理由で、css ファイルのフォーマットが無視され、リンクのデフォルトが使用されています。

通常の書式設定a.type1:hoverは、 が他のすべての前にある場合にのみ機能しますが、その書式設定はホバー時に適用されません。