Question

当我检查一个锚元素（Computed Style）

时，我得到以下内容

Computed Style in Chrome Browser

我在互联网上看到的大部分帖子（如this）都指向不正确的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;
}

Answer 1

锚点的优先级高于任何容器元素（div，span等等），比如.nav是你的容器元素，你将颜色设置为灰色，锚点的颜色会仍然是默认的蓝色，因为它具有更高的优先级。要解决此问题，您需要在.nav a文件中定义a甚至全网站basic.css。

修改

根据您的新修改，您需要定义footer a。

Answer 2

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

用户代理样式表覆盖网站样式

2 个答案: