ASP.NET MVC 中的链接样式失败问题答案

【问题标题】：Problem with link styling failures in ASP.NET MVCASP.NET MVC 中的链接样式失败问题
【发布时间】：2009-12-15 05:22:18
【问题描述】：

我有一个 ASP.NET MVC 应用程序，其中包含一个 jQuery Treeview 和一个 jQuery Splitter。顶部有一个标题。在此之下，拆分器用于separate the space into two divs。左侧 div 包含treeview，右侧 div 包含内容。

我有一个仅用于内容区域的样式表；所有样式都以#Content为前缀，包含内容的div为id="Content"。在该样式表中，我设置了 <a> 链接的样式，以便除非您将鼠标悬停在它们上方，否则它们不会被加下划线。

通常我会在内容区域中放置一个表格来显示一些网格样式的数据。网格内有一列链接，用于显示详细信息。

这就是问题所在。内容区域中的大多数链接都可以正常工作（当您将鼠标悬停在它们上方时它们会加下划线），但列中的一两个链接不符合其a:link 样式；它们将在第一次显示时带有下划线，并且无论是否悬停在它们上方都会保持带下划线。

仅当页面从 ASP.NET MVC 应用程序中呈现时才会发生这种情况。我正在使用 Visual Studio (Cassini) 中的开发 Web 服务器进行测试。如果我在浏览器中查看/源代码，将页面保存在我的桌面上，并修复指向 jQuery 脚本和样式表的链接，然后通过单击这样保存的页面在浏览器中查看页面，则不会出现问题。

我已尝试过 Internet Explorer 7 和最新版本的 Firefox，但链接以完全相同的方式失败，但仅在运行实际应用程序时。除了#Content div 中的<a:link> 之外，所有样式都有效。

以前有人见过这种随机链接样式失败吗？我很茫然。我不明白如果我将页面保存在浏览器之外并再次打开它，为什么页面会像宣传的那样工作，但是无论使用哪种浏览器，它都无法从应用程序中工作。

【问题讨论】：

您是否以正确的顺序指定了伪类规则？（见：w3schools.com/css/css_link.asp）这些行为不端的链接是以前访问过的还是有其他特殊之处？您是否在关闭 JavaScript 的情况下测试了 CSS 行为？你能以更简单的形式隔离问题吗？
其实有可能我没有设置a:visited的样式。经过反思，我相信这可以解释一切，包括为什么它可以在应用程序中工作，但没有保存到桌面（所有链接都会不同）。失败的链接很可能是我关注的链接。我明天上班时会检查一下。

标签： jquery asp.net-mvc css treeview splitter

【解决方案1】：

已通过将a:visited { text-decoration:none } 添加到内容区域样式表并清除浏览器缓存来修复。

【讨论】：

【解决方案2】：

jQuery UI 是否有任何样式 css 文件或由 jQuery 函数本身生成的内联 css。有问题的链接可能具有不同的级联签名，这就是您的 css 不适用的原因。使用 Firebug 检查 css 选择器。

【讨论】：

造型，是的。内联生成，没有。
那我怀疑jQuery UI提供的css和你的有冲突。