a：懸停不重寫父類

Question

我有一個aspx頁面，主頁面包含一個CssClass爲「menutoolbar」的面板。在該面板中，我放置了一些對象，在這種情況下是一個帶有「SearchLink」類的鏈接按鈕。

在我的樣式，我定義

.menutoolbar：懸停{顏色：紅}

.Searchlink：懸停{顏色：黃色}

當我將鼠標懸停在鏈接Searchlink它是紅色的！這不是我所期望的，Searchlink專門定義爲黃色，它看起來像父容器「menutoolbar」重寫顏色，與我所期望的相反。

我怎樣才能使懸停效果黃色的Searchlink？

Answer 1

a.Searchlink:hover { color: yellow } 

Answer 2

嘗試做：

.Searchlink a:hover { color: yellow!important; } 

如果鏈接類是 「searchlink」 你可以嘗試

a.Searchlink:hover { color: yellow; } 

Answer 3

或者你可以更具體使用規則，例如

a.Searchlink:hover { color: yellow;} 

或類似的東西。