本例中内联样式的替代方案

Question

我很难让下面的“查看个人资料”链接显示为蓝色，而不是通过内联styles.Please帮助或建议。谢谢

代码：

.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

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

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

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

.grid-5 .view_profile a {properties}

将覆盖以下内容：

.view_profile a {properties}

即使这是之前设置的。

(顺便说一句，您的标记有一些未闭合的标记，但应该不会造成任何问题；在小提琴中，我添加了正确的标记)