2011-03-15 49 views
0

一個因素我無法弄清楚如何風格在CSS中的H2鏈接。我已經嘗試了一切。 IHow我可以在h2元素中定位鏈接嗎?我怎樣可以針對內部H2

<div id="post-225" class="post-225 post type-post sticky hentry category-rugby-world-cup tag-land-rover-rugby-world-cup-2011-rugby-world-cup-2015-land-rover-rugby"> 
    <h2><a href="http://blog.landrover.com/events/rugby-world-cup/england-rugby-squad-vs-media-driving-challenge-day" title="Permalink to England Rugby Squad vs. Media Driving Challenge Day" rel="bookmark">England Rugby Squad vs. Media Driving Challenge Day</a></h2> 

我需要這個粘後白的標題:

http://blog.landrover.com/

我已經試過.sticky H2一{顏色:白色;}但沒有成功。

任何幫助將不勝感激。

感謝

回答

4

.sticky h2 a {color:white;}正在由主格調覆蓋:

#content h2 a { 
color: #4C4C4C; 
} 

要定位的粘類,使用特定的H2:

#content .sticky h2 a{ 
color:#fff; 
} 
+0

@丹,你的答案是正確的在[特異性規則(http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html)正在應用這給'#內容H2了'更多的重量和因此比不那麼具體的'.sticky h2 a'規則更重要。不過,我不會推薦使用'.whiteheading'類名,因爲它在語義上不是有用的。有關原因,請參閱[w3.org](http://www.w3.org/QA/Tips/goodclassnames)。 – andyb 2011-03-15 06:44:39

+0

@andyb,你是對的,但問題是如何使h2變白。所有@Jonathan必須做的是瞄準.sticky的孩子以達到他想要的目標:#content .sticky h2 a或類似的東西。 – Dan 2011-03-15 06:47:54

+0

感謝,我用這個和它的工作#內容.sticky H 2的{ \t顏色:白色; } – 2011-03-15 06:48:21

0

你也可以這樣做

#content .sticky h2 a { color: #fff; } 
0

有人嘗試過這些建議嗎?沒有什麼似乎爲我工作,因爲網站上的字體替換不能正常工作。我得到一個Resource interpreted as Font but transferred with MIME type font/woff.誤差在Chrome 11。也許,如果是固定的,簡單地增加

.sticky h2 a { 
    color: #fff !important; 
} 

應該工作。

+0

當我在Firebug和Chrome開發人員嘗試解決方案時,由於字體替換,它沒有更新顏色,但是@Jonanthan表示解決方案有效。不知道爲什麼它沒有出現在我們的末端= S – Dan 2011-03-15 06:59:28

+0

它使用cufon,這意味着你不能在飛行中改變ie。通過Firebug或網絡檢查員。您必須在CSS中更改它,然後重新加載頁面。 – 2011-03-15 07:00:14