2013-05-20 36 views
1

我到處去尋找一個解決方案,但沒有發現任何一個環節..如何風格一段

我有這樣的代碼中的HTML5網頁

<div> 
    <p class="title_paragraph"> 
    <a id="title" href="http://www.milanochamberorchestra.com">Milano Chamber Orchestra</a> 
    </p> 
</div> 

的CSS是

.title_paragraph { 
    color: #f89938; 
    text-align: center; 
    text-shadow: 0 0 12px rgba(230,160,55,0.6); 
    font-family: 'Buda', cursive; 
    font-weight: 100; 
    font-size: 46px; 
    z-index: 0; 
    position: relative; 
} 

#title:link {text-decoration:none;} 
#title:visited {text-decoration:none;} 
#title:hover {text-decoration:none;} 
#title:active {text-decoration:none;} 

爲什麼鏈接不以正確的顏色顯示?它必須是黃色/橙色,而不是紫色!

+4

它應該是'.title_paragraph a',否則你的鏈接將不會被設置樣式 – Pete

+0

'a {color:inherit}'可能是你所需要的,但是當你不能再區分它們周圍的鏈接時可能會產生意想不到的後果文本。 – zzzzBov

回答

3

試試這個

.title_paragraph a{ 
    color: #f89938; 
    text-align: center; 
    text-shadow: 0 0 12px rgba(230,160,55,0.6); 
    font-family: 'Buda', cursive; 
    font-weight: 100; 
    font-size: 46px; 
    z-index: 0; 
    position: relative; 
} 

#title:link {text-decoration:none;} 
#title:visited {text-decoration:none;} 
#title:hover {text-decoration:none;} 
#title:active {text-decoration:none;} 
+0

這是無效的'#title:link a' -1,編輯你的答案,我會收回-1 –

+0

完成。感謝您指出 – CuriousMind

+0

仍然無效 –

0

對我來說,似乎你的瀏覽器顯示的鏈接樣式「訪問過的鏈接」,因爲你已經點擊了鏈接。您也可以通過清理瀏覽器緩存來驗證這一點。 Visited Links Selector應該解決你的問題。