鼠标悬停不工作

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; 
}