为什么我的CSS覆盖包装器中的CSS？

我想弄清楚为什么当你在Firefox中进行鼠标悬停时，下一页左侧导航面板中的文字正在缩小&下划线。左侧&顶部为什么我的CSS覆盖包装器中的CSS？

一切都是我们注入我们的内容到包装的一部分。我们的内容是从“FUND CENTRE”向下的所有内容。

有人可以提出一些我可以做的事情来解决这个问题吗？谢谢。

2010-05-28 DaveDev

在newIreland.css文件中应用了几种样式。这是造成这种行为。

.ClipboardLink一个：链路，：悬停，一个：访问，一个：活性{

字体-family：宋体，宋体，黑体，无衬线;

font-size：12px！important;

padding-bottom：2px;

text-decoration：underline！important;

//检查这一行做的CSS重要的原因是，当你将鼠标悬停在

}

2010-05-28 14:26:56

谢谢你，这似乎是我遇到的问题的原因。不幸的是，当我从违规的css规则中删除！重要指令时，它会停止干扰包装页面，但它也会破坏我们内容中的样式。看起来我必须弄清楚如何让我的东西以其他方式工作 – DaveDev 2010-05-28 15:25:07

坚持.content在所有的CSS规则前面。

所以a:hover { ... }成为.content a:hover {...}

这将限制这似乎是所有你的内容div任何损害。

2010-05-28 14:10:51 Oli

这将是大量的复制和粘贴！谢谢:-) – DaveDev 2010-05-28 14:13:55

您可以将自己限制为只有负面影响的规则，但您需要首先跟踪这些规则。我建议使用萤火虫，但这比仅仅通过并添加'.content'更快吗？ – Oli 2010-05-28 14:55:33

嗨奥利，不幸的是这并没有任何效果。我想这是因为我指定的重要规则，正如下面的sushil所指出的那样。谢谢 – DaveDev 2010-05-28 15:16:23

文本与鼠标悬停在菜单上虱子“大胆”，并得到“下划线”是下划线，这都是因为你有：悬停行为分配与属性...

我已经采取了一个潜入你的CSS高峰，但它的方式密集的我现在的时间......并重复以及！

尽量简化了与普通类的你的CSS并找到所有你：悬停事件，抽空就谁上相同的HTML元素用于菜单中的一个人的工作，仔细一看......

更好的，分配给菜单ID或 class an：具有相同属性的悬停事件比用于正常状态中的菜单的属性！

2010-05-28 18:21:38 Zuul

回答