Question

<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”以外的所有属性！为什么会这样？如何使用类中定义的文本修饰来覆盖在锚标记中定义的文本修饰？

请指教！

Answer 1

它是underline，而不是underlined。

Answer 2

带下划线的应加下划线

Answer 3

因为它是text-decoration: underline

Answer 4

要解决此问题，您需要稍微更改样式表。因此，您应该使用.viewInBrowserLinkStyle而不是a.viewInBrowserLinkStyle。然后它会工作。这是因为您全局指定所有锚标记都不加下划线。要覆盖您需要指定具有该类名的任何锚标记，需要使用下划线。

Answer 5

你写错了属性，它是text-decoration: underline，而不是带下划线的。如果你还没有使用，我建议你使用调试工具，更容易识别这些问题和错误。

此链接显示了一些CSS调试工具：http://designshack.co.uk/articles/css/html-and-css-debugging-tools

CSS帮助锚标记

5 个答案: