代码之家 › 专栏 › 技术社区 › ProgrammerGirl

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

css html

ProgrammerGirl · 技术社区 · 12 年前

我继承了一个非常大的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中的标记具有最终优先级,因此可能导致 边境 属性被完全忽略?

2 回复 | 直到 12 年前

daGUY 12 年前

您的选择器不正确。您已经:

#specialLink a {}

这将匹配后裔 ID为的元素的 #specialLink 以下为:

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

您想要的是:

a#specialLink {}

以便选择器匹配:

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

Diodeus - James MacFarlane 12 年前

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

要设置需要使用的链接的样式 #specialLink 因为它本身已经具有唯一的ID。

#specialLink {
   ...
}

推荐文章

Softly · 单选按钮未按预期取值

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

eXor420 · 如何在脚本标记中使用导出的函数?

1 年前

Hadi · 如何在无效和有效输入中选择用于更改样式的psoudo元素(after)

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Kernier · 如何将数学公式支持添加到StacksEditor?

1 年前

Md. Ibrahim · CSS网格项溢出小屏幕滚动

1 年前

Arjun V Srivatsa · 如何将系统时区信息分配给javascript中的变量?

1 年前

Akshay mek · Vscode扩展建议不适用于某些文件夹

1 年前