鼠標懸停不工作

Question

假設有這個網站：

<a href="" class="hoverelement"><span>DOG</span></a> 

我需要增加串「DOG」 尺寸於是我就用這個CSS：

.hoverelement span:hover { 
    font-size:20px; 
} 

但這不起作用？誰能幫我？

Answer 1

您需要添加!important跨度的css，因爲它可能被繼承了它的父的規則。

.hoverelement span:hover { 
 
    font-size:20px !important; 
 
}

<a href="" class="hoverelement"><span>DOG</span></a>

Answer 2

嘗試賦予a元素hover選擇器。

a.hoverelement:hover span { 
    font-size: 20px; 
} 

Answer 3

使用這個代替：

.hoverelement:hover span { 
    font-size: 20px; 
}