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

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 に答える