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

我继承了一个很大的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属性。

我被认为是CSS中的id标记具有最终优先权，那么究竟是什么导致border属性被完全忽略呢？

最佳答案

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

#specialLink a {}

这将匹配ID为#specialLink的元素后代的锚元素：

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

您想要的是：

a#specialLink {}

这样选择器将匹配：

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

关于html - 是什么可能导致CSS id链接的“border”属性被完全忽略？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11746821/