html - ホバー効果 見出し付きリスト

Question

HELP、MISC、および POLICIESがタグのない見出しである<ul> <li>リストがあります。他の要素は(通常のサイズは 14px)として効果があります。<a><li>hoverfont-size:16px

どうすればhover見出しを削除できますか??

フィドル

Answer 1

あなたが使用することができます

.footer_ul li.bold1:hover {
    font-size:14px;
    text-decoration:none;
}

見出しのホバーを削除するには

更新された jsFiddle ファイル

または代わりに使用.footer_ul li a:hoverできる.footer_ul li:hover

.footer_ul li a:hover {
    text-decoration:underline;
    font-size:16px;
}

jsフィドル

Answer 2

I checked you fiddle it was good.

The only change you need to make is you have to add :hover class for a tag and not li tag

`

.footer_ul li a:hover {
    text-decoration:underline;
    font-size:16px;
}


`

Answer 3

:not()セレクターを使用します。このように 1 つの変更が必要です。

.footer_ul li:hover:not(.bold1) {
    text-decoration:underline;
    font-size:16px;
}

ワーキングデモ

Answer 4

この CSS を「.footer_ul li:hover」の後に追加します

.footer_ul li:hover:first-child {
    text-decoration:none;
    font-size:14px;
}