Html 什么可能会导致“不安全”;“边界”;是否完全忽略CSS id链接的属性?
我继承了一个非常大的CSS文件,并添加了一个特定的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标记具有最高优先级,那么是什么导
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 {
...
}