0

除了通过内联样式之外,我无法让下面的“查看个人资料”链接显示为蓝色。请帮助或建议。谢谢

编码:

.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>
4

2 回答 2

1

你试过!important吗?

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

尝试这个:

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

谨慎使用。这是核选项。如果这解决了您的问题,您可能需要深入研究 css 并找出您的规则被覆盖的原因。使用 firebug 或 chrome 中的检查器工具来查找这些规则。然后也许阅读级联是如何工作的。

如果这有效,请重复,您只是诊断出问题。要修复它,您需要弄清楚您的规则是如何被覆盖的。打开 firebug 并检查您的链接,您会看到如下内容: Firebug 显示 css 规则被覆盖

您想要的规则被删除,因为更具体的规则胜过了它。您的 css 中还有一条比.view_profile a. 您需要更新您的规则,使其比其他规则更具体,例如:.grid-5 .view_profile a。如果您发布该规则,我们可以帮助您解决问题。

于 2013-07-01T14:48:36.840 回答
0

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

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

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

.grid-5 .view_profile a {properties}

将覆盖:

.view_profile a {properties}

即使这是之前设置的。

(顺便说一句,你的标记有一些未关闭的标签,但它不应该造成任何麻烦;在小提琴中,我添加了一个正确的标记)

于 2013-07-01T14:50:40.000 回答