跟踪链接悬停样式

时间:2010-07-17 19:41:52

标签: html css

我一直在Firefox中使用Firebug,在IE中使用Developer工具栏来帮助跟踪我的样式,以便在SharePoint中进行品牌推广。开发人员工具栏中的跟踪样式功能非常好..我可以轻松跟踪超链接的样式并创建CSS以更改其样式,我在跟踪链接的悬停样式时遇到一些麻烦,因为Firebug和Developer Toolbar都不会告诉我在哪里定义这些样式,这使我很难覆盖它..

我甚至尝试a:hover { color: #ccc !important; }作为一种做事的hackish方式,这解决了很多问题,但有些仍然存在。 SharePoint附带的CSS非常大,而且很难自己手动进入并找到它们。

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

Jopache,我已经在Chrome或Safari上进行了几个月的调试,并且非常喜欢在右键单击元素时内置到webkit中的“inspect element”选项。我相信firebug也为Firefox添加了这个功能 - 当我真的需要详细说明我的请求时,我切换到Firebug。因此,如果您从未尝试过这个,请右键单击您的链接(此时它将处于悬停状态)并单击inspect元素。希望,这将指向至少a:状态,然后可以通过ctrl-f或grep搜索类似的样式。此外,您会注意到一个“计算样式”,可以帮助您找到可以作为搜索的替代元素的特定怪癖。

在大型文档上执行此操作可能会令人沮丧....我正处于一个非常复杂的应用程序UI刷新过程中,其中包含5,000行CSS文档,这比我见过的任何内容都要复杂得多。有时,它只需要头撞。您可以尝试一个快捷方式,看看CSS文档底部是否有泛型a:hover声明(请记住,它从上到下读取所以最后一个元素将覆盖任何前一个元素),以便在搜索更好的解决方案时解决问题。

如果一切都失败了,这是一个非常好的啧啧:http://www.cleverworkarounds.com/2007/10/08/sharepoint-branding-how-css-works-with-master-pages-part-1/