Html 什么可能会导致“不安全”;“边界”;是否完全忽略CSS id链接的属性?

Html 什么可能会导致“不安全”;“边界”;是否完全忽略CSS id链接的属性?,html,css,Html,Css,我继承了一个非常大的CSS文件,并添加了一个特定的id,如下所示: #specialLink a, #specialLink a:link, #specialLink a:active, #specialLink a:visited { border:solid 1px #000000; background-color:#CC0000; } 但是,当我在链接中使用它时(如在中),它完全忽略上面的边框属性,但尊重背景色属性 我相信CSS中的id标记具有最高优先级,那么是什么导

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

#specialLink a, #specialLink a:link, #specialLink a:active, #specialLink a:visited
{
    border:solid 1px #000000; 
    background-color:#CC0000;
}
但是,当我在链接中使用它时(如在
中),它完全忽略上面的
边框
属性,但尊重
背景色
属性


我相信CSS中的
id
标记具有最高优先级,那么是什么导致
border
属性被完全忽略呢?

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

#specialLink a {}
这将匹配作为ID为specialLink的元素的后代的锚元素:

<div id="specialLink">
    <a href="#">Anchor</a>
</div>
以便选择器匹配:

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

#specialLink a
指包装元素内ID为“specialLink”的
a
标记

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

#specialLink {
   ...
}

id
不一定给予最终优先级。如果添加
,它是否有效!重要信息
?使用css样式检查器(firebug、chrome)查看边界声明上是否有任何重写声明,指定一个#specialLink是多余的,因为#specialLink是唯一的。对,
#specialLink
也足够了。我只是想弄清楚选择器中的错误在哪里。这很有效!但是,我必须特别使用
a#specialLink{}
<代码>#specialLink不起作用。有什么想法吗?@Programmer:我猜主播是从其他东西继承样式,这些样式的特殊性或“权重”高于
#specialink
,但低于
a#specialink
#specialLink {
   ...
}