html - リンク スタイルが機能しない

Question

リンクのスタイルを設定しようとしていますが、そのために次のコードを使用しました。

.navtext {
    position:absolute;
    top:130px;
    right:50px;
    color:#ffffff;
    font-size:20px;
    z-index:3;
}

a.navtext:link {
    color:#ffffff;
    text-decoration:none;
}

a.navtext:hover {
    color:#ffffff;
    text-decoration:underline;
}

a.navtext:visited {
    color:#ffffff;
    text-decoration:none;
}

そして、ここに私のhtmlがあります：

<div class="navtext">
    <a href="index.php">Home</a>
    <a href="about.php">About</a>
    <a href="school.php">School</a>
    <a href="workshop">Workshop</a>
    <a href="contact.php">Contact</a>
</div>

ただし、デフォルトのままです (リンク: 青、下線あり。ホバーなし。訪問済み: 紫、下線あり。

Answer 1

a.navtext<a>クラス「navtext」のタグを選択します。

<a>そのようなタグはありません。<a>タグにクラスがありません。

.navtext a代わりに次のようなものを試してください。これ<a>により、クラス「navtext」を持つ要素内のタグが選択されます。

Answer 2

.navtext a {
    position:absolute;
    top:130px;
    right:50px;
    color:#ffffff;
    font-size:20px;
    z-index:3;
}

.navtext a:link {
    color:#ffffff;
    text-decoration:none;
}

.navtext a:hover {
    color:#ffffff;
    text-decoration:underline;
}

.navtext a:visited {
    color:#ffffff;
    text-decoration:none;
}

Answer 3

への変更

.navtext a:link      {   color:#ffffff;
                    text-decoration:none;
                }

.navtext a:hover     {   color:#ffffff;
                    text-decoration:underline;
                }

.navtext a:visited   {   color:#ffffff;
                    text-decoration:none;
                }