Question

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

如何删除hover标题？

FIDDLE

Answer 1

你可以使用

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

删除标题的悬停

<强> updated jsFiddle File

或替代您可以使用.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;
}

Working demo

Answer 4

在“.footer_ul li：hover”

之后添加此css

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

使用标题</li> </ul>在<ul> <li>列表中悬停效果

4 个答案: