html - 什么可能导致 CSS id 链接的 "border"属性被完全忽略？

Question

我继承了一个非常大的 CSS 文件，我添加了一个特定的 id如下:

#specialLink a, #specialLink a:link, #specialLink a:active, #specialLink a:visited
{
    border:solid 1px #000000; 
    background-color:#CC0000;
}

但是，当我在链接中使用它时，如 <a id="specialLink" href="whatever.htm">Test Link</a> , 它完全忽略了 border上面的属性，但尊重 background-color属性。

我被引导相信 id CSS 中的标记具有最高优先级，那么可能导致 border 的原因是什么？属性被完全忽略？

Answer 1

您的选择器不正确。你有:

#specialLink a {}

这将匹配作为 ID #specialLink 元素的后代的 anchor 元素:

<div id="specialLink">
    <a href="#">Anchor</a>
</div>

你想要的是:

a#specialLink {}

以便选择器匹配:

<a href="#" id="specialLink">Anchor</a>