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