不同的懸停鏈接顏色爲粗體文本和普通文本

Question

我知道這是一個愚蠢的問題，但是如何爲粗體和普通文本設置不同的懸停鏈接顏色。

a:hover { color:#cccccc; }

<b> 
 
<a href="google.com"> A Bold link</a> 
 
</b> 
 

 
<p><a href="google.com"> A normal link</a>

Answer 1

你應該只使用不同的選擇。一個與b父母和另一個沒有。 只要使用超鏈接周圍的b標籤實現粗體鏈接文本，就可以工作。

a:hover { 
 
    color: #cccccc; 
 
} 
 
b > a:hover { 
 
    color: #cccc00; 
 
}

<b> 
 
<a href="google.com"> A Bold link</a> 
 
</b> 
 

 
<p><a href="google.com"> A normal link</a>

Answer 2

請添加此CSS：

b a:hover { 
    color: #ff0000; 
} 
p a:hover { 
    color: #008000; 
} 

Answer 3

你可以使用樣式

a{ color: red; } 
b a{ color: blue; } 

<b> 
    <a href="google.com"> A Bold link</a> 
</b> 

<p><a href="google.com"> A normal link</a> 

表明觀點：csstricks https://css-tricks.com/