マウスホバーは

Question

はこのHTMLを持っていると仮定動作しません

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

しかし、これは動作しません？誰でも助けてくれますか？

Answer 1

をあなたはそれが親のルールのことで、それが継承することができるので、スパンのcssで!importantを追加する必要があります。このコードと間違っている何

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