<分区>
<分区>
为什么我的悬停 CSS 不影响我网站中的链接？
.nav-link {
font-size: 20px;
padding: 10px;
border-top: #A46FA6 1px solid;
width: auto;
color: white;
text-decoration: none;
}
.nav-link :hover {
background-color: #6D256F;
text-decoration: underline;
}<nav id="navbar">
<header id="navbar-header"> Overview </header>
<a class="nav-link" href="#Topic_1">Topic 1</a>
<a class="nav-link" href="#Topic_2">Topic 2</a>
<a class="nav-link" href="#Topic_3">Topic 3</a>
<a class="nav-link" href="#Topic_4">Topic 4</a>
<a class="nav-link" href="#Topic_5">Topic 5</a>
</nav>最佳答案
:hover 不得与您正在描述的元素隔开。
.nav-link {
font-size: 20px;
padding: 10px;
border-top: #A46FA6 1px solid;
width: auto;
color: white;
text-decoration: none;
}
.nav-link:hover {
background-color: #6D256F;
text-decoration: underline;
}<nav id="navbar">
<header id="navbar-header"> Overview </header>
<a class="nav-link" href="#Topic_1">Topic 1</a>
<a class="nav-link" href="#Topic_2">Topic 2</a>
<a class="nav-link" href="#Topic_3">Topic 3</a>
<a class="nav-link" href="#Topic_4">Topic 4</a>
<a class="nav-link" href="#Topic_5">Topic 5</a>
</nav>关于html - CSS 导航链接在悬停时没有改变，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53839985/