2013-01-09 253 views
-1

我想我的風格的鏈接和我已經使用這個代碼:鏈接樣式不工作

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

但他們住的默認(鏈接:帶下劃線的藍色無懸停訪問:。紫,強調

回答

4

a.navtext選擇一個<a>標籤與類 「navtext」

012。

您有沒有這種<a>標籤。您的<a>標籤沒有類。

嘗試類似.navtext a代替。這將在具有類「navtext」的元素中選擇一個<a>標記。

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

變化

.navtext a:link  { color:#ffffff; 
        text-decoration:none; 
       } 

.navtext a:hover  { color:#ffffff; 
        text-decoration:underline; 
       } 

.navtext a:visited { color:#ffffff; 
        text-decoration:none; 
       }