在这种情况下，替代内联样式

Question

我无法通过内嵌样式获取下面的“查看个人资料”链接以显示蓝色。请提供帮助或建议。感谢

守则：

.view_profile, .view_profile a {
    font-style: Georgia;
    font-size: 1.125em;
    color: #0B88B5;
    text-align: center;
    font-weight: bold;
}

.view_profile a {
    color: #0B88B5; 

}



    <div class="grid-5 profile_container">
      <a href="damon_r.html">
        <img src="images/damon_head.jpeg" class="profileimgsml" alt="Damon" />
          <div class="our_peopletxt">
        <div class="ourpeople_name">Damon</div>
          <p class="dotted_row"> ------ </p>
        <div class="ourpeople_designation">Office manager</div>
        <div class="ourpeople_details">
          <div class="contact_details_label">m:</div><a href="tel:9999999">  99 9999 999 </a><br>
             <div class="contact_details_label">e:</div><a href="mailto:damon@damon.com"> damon@damon.com</a><br>
        <p class="dotted_row"> ------ </p>
        <div class="view_profile"><a href="damon.html" style="color:#0B88B5;">View Profile</a></div>
        </div>
      </div>
          </a>
    </div>

Answer 1

您是否尝试过!important？

可能其他样式会覆盖您发布的规则。

试试这个：

.view_profile a {
    color: #0B88B5 !important; 
}

谨慎使用。这是核选择。如果这解决了你的问题你可能需要挖掘css并找出你的规则被覆盖的原因。使用chrome中的firebug或inspector工具来查找这些规则。 然后可以阅读cascade works。

的内容

重复如果有效，您只能诊断出问题。要修复它，您需要弄清楚为什么要覆盖您的规则。打开firebug并检查你的链接，你会看到这样的东西：

你想要的规则被打破了，因为更具体的规则胜过它。你的css中的另一个规则比.view_profile a更具体。您需要将规则更新为比另一个更具体，例如：.grid-5 .view_profile a。如果您发布该规则，我们可以帮助您解决问题。

Answer 2

您可以在此jsfiddle：http://jsfiddle.net/ETWQn/1/上看到您的代码正常运行。

您应该使用Web检查器检查元素，以检查所有应用的属性。

您可以尝试提供元素的完整“DOM路径”，以确保覆盖任何其他样式。例如：

.grid-5 .view_profile a {properties}

将覆盖：

.view_profile a {properties}

即使这是之前设定的。

（顺便说一下，你的标记有一些未封闭的标签，但不应该造成任何麻烦;在小提琴中，我添加了正确的标记）