混搭風格與重寫風格的鏈接

Question

我有兩種不同風格的鏈接和<p>標籤內的鏈接。

我正在使用基本繼承。而對於<p>內部的鏈接，它工作正常。 但由於某種原因它打破了常見鏈接的風格。

active選擇器應用blue顏色，而應該是red。

見琴：

a { 
 
    font-family: Arial; 
 
    text-decoration: none; 
 
} 
 

 
a:link, a:visited { 
 
    color: black; 
 
} 
 

 
a:hover, a:active { 
 
    color: red; 
 
} 
 

 
p a { 
 
    background-color: #DCDCDC; 
 
} 
 

 
p a:hover, a:active { 
 
    color: blue; 
 
}

<a href="http://stackoverflow.com">general link</a> 
 
<p> 
 
    <a href="http://stackoverflow.com">link inside p</a> 
 
</p>

這有什麼錯呢？

Answer 1

p a:hover, a:active { 

你誤解的,的優先級。這意味着

p a:hover { /* foo */ } 
a:active { /* foo */ } 

不

p a:hover { /* foo */ } 
p a:active { /* foo */ } 

你想：

p a:hover, 
p a:active {