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

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属性。

我被引导相信idCSS 中的标签具有最终优先级，那么是什么导致该border属性被完全忽略？

score 1 · Accepted Answer

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

#specialLink a {}

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

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

你想要的是：

a#specialLink {}

这样选择器将匹配：

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

score 0 · Accepted Answer

#specialLink a指的A是包装元素内的标签，其 ID 为“specialLink”。

要设置您需要单独使用的链接的样式，#specialLink因为它已经有一个唯一的 ID。

#specialLink {
   ...
}

2 回答 2