css - 通过类应用文本颜色在 VisualForce 页面中不起作用

Question

我在 VisualForce 页面中观察到一个奇怪的行为。我定义了一个 css 类并将其应用于几个元素，如下所示：

<apex:page>
...
<style>
  .lnk
  {
      color:SteelBlue;
      text-decoration:none;
  }
</style>
...
<a class="lnk" href="/{!item.id}/e?retURL=/{!IRM_id}" target="_parent">Edit</a> 
<apex:commandLink styleClass="lnk" action="{!deleteAttachment}" value="Del">
...
</apex:page>

由于某种原因，应用了文本装饰样式，但颜色没有改变。我对复杂的 css 不是很好，有人可以向我解释这里发生了什么吗？

Answer 1

我认为 Salesforce 通过 JS 应用了一些样式，因此正常的执行顺序失败了。通常，您希望首先应用 SF 样式，然后是您自己的添加。当我需要绕过 jQuery 插件附带的一些特定样式时，我也有同样的情况。

您可以尝试!important应用。它对我有用，这是否是正确的做法可能是一个完全不同的讨论......

.lnk {
    color: SteelBlue!important;
    text-decoration :none;
}

希望有人会指出一些明显且更简单的东西！