html - 链接样式不起作用

我正在尝试设置链接样式，并且为此使用了以下代码：

.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>

但它们保留为默认设置（链接：蓝色，带下划线。没有悬停。已访问：紫色，带下划线。

最佳答案

a.navtext选择具有“ navtext”类的<a>标记。

您没有这样的<a>标签。您的<a>标记没有类别。

尝试使用类似.navtext a的方法。这将在元素中选择类别为“ navtext”的<a>标签。