链接样式不工作

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”

012。

您有没有这种<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; 
       }