2

当我检查锚元素（计算样式）时，我得到以下信息

Chrome 浏览器中的计算样式

我在互联网上看到的大多数帖子（像这样）都指向不正确的 Doctype。为了确保我使用 w3 验证器验证了我的 HTML5 和 CSS3 代码。但没有快乐

有人可以解释一下为什么用户代理样式表会覆盖网站样式表吗？

我的源代码是

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<link href="/css/basic.css" rel="stylesheet">
<title>Test</title>
</head>
<body>
<footer>
<ul class="foot-link-ul">
    <li class="foot-link-box-li"><a href="/compare-plans">Compare Plans</a></li>
</ul>
</footer>
</body>
</html>

和 CSS

footer {
    width: 986px;
    margin: 0px auto;
    padding: 50px 7px 5px 7px;
    font: 13px Arial, Helvetica, sans-serif;
    overflow: auto;
    color: #FFF;
}
4

2 回答 2

2

锚点的优先级高于任何容器元素（div、span 等），比如说.nav你的容器元素并且你已经将颜色设置为灰色，锚点的颜色仍然是默认的蓝色，因为它具有更高的优先级。为了克服这个问题，您需要在文件中定义例如.nav a甚至整个站点。abasic.css

编辑

根据您的新编辑，您需要定义footer a.

于 2013-04-27T18:08:49.277 回答
1

用户代理样式表的目标<a>显然会覆盖任何继承的样式，因此<a>如果要覆盖用户代理样式，则必须以 为目标。

于 2013-04-27T18:02:49.517 回答