0

我继承了一个非常大的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属性被完全忽略?

4

2 回答 2

1

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

#specialLink a {}

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

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

你想要的是:

a#specialLink {}

这样选择器将匹配:

<a href="#" id="specialLink">Anchor</a>
于 2012-07-31T18:45:46.893 回答
0

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

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

#specialLink {
   ...
}
于 2012-07-31T18:46:01.630 回答