为什么我的CSS会覆盖Wrapper中的CSS?

时间:2010-05-28 14:05:06

标签: asp.net html css debugging

我正在试图弄清楚为什么下一页左侧导航面板中的文字正在缩小&在Firefox中鼠标悬停时加下划线。

http://fundcentre.newireland.ie/

左边的一切& top是我们将内容注入的包装器的一部分。我们的内容是从“基金中心”下来的一切。

有人可以建议我可以做些什么来解决这个问题吗?感谢。

3 个答案:

答案 0 :(得分:2)

.content粘贴在所有CSS规则之前。

因此a:hover { ... }变为.content a:hover {...}

这将限制对内容div造成的任何损害,而这些内容似乎都属于你。

答案 1 :(得分:1)

您的newIreland.css文件中应用了几种样式。导致此行为的原因。

.ClipboardLink a:link,a:hover,a:visited,a:active {

字体-family:宋体,宋体,黑体,无衬线;

font-size:12px!important;

填充底:2px的;

text-decoration:underline!important;

//检查此行使css变得重要,因为当您将鼠标悬停在

上时,它会加下划线

}

答案 2 :(得分:0)

菜单上的文字用鼠标悬停louses“bold”并获得“下划线”,这是因为你有:使用do属性分配的悬停行为......

我已经为你的css带来了一个潜行峰值,但现在我的时间密集了......而且重复性也是如此!

尝试使用普通类简化您的css并找到所有:悬停事件,仔细查看谁使用与用于菜单的html元素相同的html元素...

  

更好的是,分配给菜单ID或   class an:具有相同的悬停事件   属性比正常菜单使用的属性   状态!!