2011-02-08 72 views
0
<html> 
<head> 
<style type="text/css"> 
a{ 
    color: #753C52; 
    font-weight:bold; 
    font-size:11px; 
    text-decoration:none; 
    border: solid 1px yellow; 
    } 

.viewInBrowserLinkStyle { 
    color: #666666; 
    font-size: 20px; 
    line-height: 14px; 
    border: solid 1px red; 
    text-decoration:underlined; 
} 
</style> 
</head> 
<body> 

<a href="http://www.w3schools.com" class="viewInBrowserLinkStyle "> 
This is a link</a> 

</body> 
</html> 

我可以覆蓋「text-decoration」以外的所有屬性!爲什麼這樣?我怎樣才能覆蓋在類定義的錨定標記中定義的文本裝飾?帶錨標記的CSS幫助

請指教!

+0

西部最快的槍! – thirtydot 2011-02-08 22:00:51

回答

4

它是underline而不是underlined

+0

+1快速打字! – 2011-02-08 22:02:51

4

強調應該強調

+0

+1快速打字! – 2011-02-08 22:02:27

0

因爲它是text-decoration: underline

0

要解決這個問題,你需要改變你的樣式表一點。因此,您應該使用a.viewInBrowserLinkStyle而不是.viewInBrowserLinkStyle。然後它會工作。這是因爲你在全局指定所有錨點標記而不加下劃線。並且要覆蓋您需要指定具有該類名稱的任何錨標記都需要有下劃線。

+0

咦?類選擇器本身比類型(元素)選擇器更具體。他現在使用的選擇器沒有問題。 – BoltClock 2011-02-08 22:03:29