链接样式不起作用

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选择带有“navtext”类的<a>标记。

您没有此类<a>标记。您的<a>代码没有课程。

尝试.navtext a之类的内容。这将使用“navtext”类选择元素中的<a>标记。

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;
                }