2012-06-28 62 views
0

保持超級鏈接的風格我想不同的超鏈接樣式應用到以下兩點:時遇到特定於某一類/ ID

  • #currentpage_content DIV ID的任何內<p>標籤鏈接。
  • <h3>的任何鏈接帶有.profile類的標記。

這聽起來很簡單,但我不能見得到它的權利..

我已經試過了諸如:

#currentpage_content a:hover{...} 

#currentpage_content p a:hover{...} 

但某些原因適用於我的導航欄鏈接,即使它們在#currentpage_content的div之外!

我也終於想通了,你可以做這樣的事情(我認爲)..

#currentpage_content a.p:hover{...} 

但現在鏈接風格並不是在所有的時候就應該被應用。

有人請看看上面的項目符號點,並告訴我需要實現這兩個項目符號點的確切語法/單詞順序嗎?

爲了響應更容易在這裏就是我想要應用的樣式:

a:link, a:visited, a:hover, a:active 
{ 
font: inherit; 
color: Grey; 
text-decoration: none; 
border-bottom: 2px solid #d4ffaa; 
} 
a:hover, a:active 
{background-color: #d4ffaa;} 

回答

1

Here是你麻煩的解決方案小提琴。

+0

啊謝謝你!我沒有意識到我必須在每個逗號後面填寫完整的術語!衛生署 – Holly

3
#currentpage_content p a:hover, #currentpage_content h3 a:hover { 
    //put your CSS in here 
} 
+0

謝謝,但我忘了提及我也試過!但它肯定會將其應用於currentpage_content div之外的鏈接!試圖在jsfiddle中重新創建它,例如現在.. – Holly

+0

可以看我的答案?我認爲它可以解決您的問題:D –

+0

@Holly您確定它在您使用上面的確切代碼時將其應用於currentpage_content div之外嗎?它不應該,除非它是一些非常奇怪的瀏覽器怪癖。將我的眼睛留給你的jsfiddle。 –

相關問題