Probobly一個相當簡單的CSS問題

Question

我有這樣的CSS規則來得到按下鏈接「下推」的效果：

a:active { 
    position: relative; 
    top: 1px; 
} 

現在可正常工作，但是我想寫禁用規則這對鏈接的圖像，因爲這一個：

<a href="#"><img src="..." /></a> 

這可能嗎？

謝謝。

Answer 1

可以扭轉對孩子的影響：

a:active img { 
    position: relative; 
    top: -1px; 
} 

Answer 2

我相信你可以在你的初始改變風格：

a { 
    padding-bottom: 1px; 
} 

a:active { 
    padding-top: 1px; 
    padding-bottom: 0; 
} 

，然後用這個形象：

a:active img { 
    position: relative; 
    top: -1px; 
} 

還沒有機會測試它，但我認爲這應該做到這一點。

Answer 3

我還沒有試過這個，但我認爲它應該工作。

a:active { 
    position: relative; 
    top: 1px; 
} 

a:active img{ 
    position: relative; 
    top: -1px; 
} 

另一個解決方案是將類添加到所有包含圖片

Answer 4

的a標籤不幸的是，沒有一個選擇來區分純文本鏈接，圖片鏈接。然而，你可以逃脫這樣的：

p a:active { 
    position: relative; 
    top: 1px; 
} 

如果你的鏈接都包含段落標記，這將工作中，並不會影響你的形象標籤。你可以爲H1，H2等創建一個你需要包含的任何標籤。