悬停效果 <ul><li> 带有标题的列表

Question

我有一个<ul> <li>列表，其中HELP，MISC和POLICIES是没有<a>标记的标题。 其他<li>元素具有font-size:16px （正常大小为14px）的hover效果。

我如何删除标题的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;
}

jsFiddle

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()选择器。 像这样需要一个更改。

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

工作演示

Answer 4

在“ .footer_ul li：hover”之后添加此CSS

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