CSS：Css样式未应用于链接

Question

我遇到了一个令人沮丧的问题，一个特定的CSS样式未应用于链接width标记。

我正在谈论的元素是一个悬停，它应用于我的侧边栏的标题（也是一个切换）。悬停完美地应用于标题，但它似乎也适用于第1和第2子标题（在切换中）。这导致了痛苦。

从上图中可以看出。挂起的灰色框（悬停）并不意味着在那里。

我已将div从ul标签外部更改为内部，我已经重命名了id和类，但我无法摆脱这个盒子。我可以100％摆脱盒子的唯一方法是删除标题：从我的CSS悬停，这有效，但我不想这样做。

div

<a>

Answer 1

我在你的html中发现了2个问题：

1. 您的链接中似乎有一个损坏的</span>。
2. 另一个（导致问题）是链接中的h3。 浏览器标题的默认样式将覆盖您的风格。

删除<h3>，它会起作用。

现在，您可以按照自己想要的方式设置<span>样式。

看看：

.header:hover{
    background-color:#555e60;
}

<a href='' class='header'><h3>With H3</h3></a>

<a href='' class='header'>Without H3</a>