div：與Opera瀏覽器一起使用

Question

請看fiddle。當我點擊父div時，我希望那個錨會改變它的背景色。只有當我點擊錨點旁邊時才能使用。但是，如果我將光標移到錨點上，然後單擊，則不會發生任何事情。它只適用於Firefox和Chrome。

<div class="test"> 
    <a href="#">link me</a> 
</div> 


.test 
{ 
    background:Gray; 
} 
.test:active a 
{ 
    background:Red; 
} 

Answer 1

爲了保持所有瀏覽器的一致性，我將活動的僞標籤放在錨標籤上。

.test a { 
    background:Gray; 
    display:block; 
} 
.test a:active { 
    background:Red; 
} 

見Fiddle

Answer 2

一些類和僞不是歌劇支持嘗試以這種方式，可能這個解決您的問題。

.test 
{ 
    background:Gray; 
} 
.test:active a 
{ 
    background:Red; 
} 
.test a:active 
{ 
    background:Red; 
}