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”类的元素内的标记。