c# - 在带有 HtmlAttributes 的 MVC Html.ActionLink 上使用 @class 和自定义类失败

Question

我已经阅读了此处可以找到的有关这些技术的链接。我看不到完全匹配，所以...

我有一个自定义 CSS 类，我正在尝试使用 HtmlAttributes 来应用它包含 @class , 但它永远不会覆盖 <a> 的底层 CSS(在同一文件中) .甚至删除 a 的默认 CSS失败。相比之下，当我使用 @style 时在 HtmlAttributes , 它有效。

我假设我的语法中存在一个微妙但愚蠢的错误。

注意:我的目标是让链接看起来像按钮。现在我将决定删除下划线作为概念证明。

这是 有效 的 Razor 标记，其中 quote是一个在属性中包含文本的对象，其 ID 用于模型/数据库:

@Html.ActionLink(quote.QuoteContent.SupplyBytesAsString(), "ReadQuote",
new {quoteContentID = quote.QuoteContentID }, 
new { @style = "text-decoration: none;" })

很好。这转储下划线。但下面的不 工作，我不知道为什么。实际的 CSS 放在最后。它会转储下划线等内容，但都不会应用。

@Html.ActionLink(quote.QuoteContent.SupplyBytesAsString(), "ReadQuote",
new { quoteContentID = quote.QuoteContentID },
new { @class = "quote" })

这是我现在的 CSS，只是相关部分(？)，Microsoft 的默认值和我的。我已经尝试了各种来源为我的 quotes 推荐的每一个选项类... .quote然后a , a .quote , .quote就其本身而言，冒号，我能找到或想到的任何其他东西。也许我错过了什么，呃。

无论如何，我很想在脑袋爆炸之前知道自己做错了什么。谢谢...

a
{
color: #333;
outline: none;
padding-left: 3px;
padding-right: 3px;
text-decoration: underline;
}

a:link, a:visited, a:active, a:hover
{
color: #333;
}

a:hover
{
background-color: #c7d1d6;
}


a.quote
{
border: 1px inset #808080;
color: #333;
outline: none;
padding-left: 3px;
padding-right: 3px;
text-decoration: none;
}

a.quote:active, a.quote:hover
{
background-color: #FFFF66;
}


a.quote:link, a.quote:visited
{
color: #333;
background-color: #00CC66;
}

<问题结束>

Answer 1

感谢 idlerboris 的评论。我检查了他们建议的问题(包括从浏览器查看源标记)和 CSS 是附加。

所以，事实证明我确实像我担心的那样犯了一个愚蠢的错误，而且早在我在这里发帖之前。

简而言之，CSS 不起作用，因为我没有在我的 CSS 文件中自行定义 .quote。自然地，我从 .quote 开始定义独立的，但当时某个地方的错误(可能在 Razor 中)一定让我感到困惑，我仓促修复而不是正确地做。

如果这里有一个语法类(class)，那就是这个显而易见的类(class):不要尝试在组合选择器 CSS 语法中使用样式，除非它已经被自己定义。

另一个提示:调试时不要忘记在浏览器中刷新并且还没有编辑页面内容。缓存会让你烦恼。这不是根本问题，但忘记缓存也无济于事。

这里的主要教训很明显:慢慢编码，宁愿查找东西而不是猜测，无论如何，只更改一个变量在每个实验中! 感叹