2011-02-08 65 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