如何解决如何更改特定类或 HTML 部分的导航栏链接颜色的颜色?
非常感谢您的帮助,我有一个 HTML 文档,带有简单的粘性标题和白色链接。该网站具有交替的深色背景部分和浅色背景部分。我正在尝试为深色部分设置一个白色导航栏,为浅色部分设置一个深色导航栏(仅针对链接的文本颜色)。如果我不更改颜色,则浅色页面上看不到白色文本。提前致谢。
a {
color: #ffffff;
text-decoration: none;
}
.container {
margin: 0 auto;
padding: 0 2.4rem;
width: 100%;
max-width: 122.5rem;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
height: 8rem;
}
.nav-list {
list-style: none;
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100vh;
background-color: $black;
padding: 4.4rem;
display: flex;
flex-direction: column;
justify-content: space-around;
z-index: 1;
transform: translateX(100%);
transition: transform 0.5s;
}
/* Media Queries : Tablet */
@media screen and (min-width: $media-m) {
.nav-list {
position: fixed;
width: initial;
height: initial;
background-color: transparent;
padding: 1rem;
justify-content: initial;
flex-direction: row;
transform: initial;
transition: initial;
}
.nav-link {
margin-left: 4rem;
transition: all 0.1s;
}
.menu-toggle {
display: none;
}
<div id= "mobilSidenav" class="container">
<nav class="navbar">
<div class="logo">
<img src="img/logo.png" alt="logo" srcset="img/logo.svg">
</div>
<ul class="nav-list">
<li>
<a class="nav-link nav_fontsize active link" href="dasCafe.html">das Cafe</a>
</li>
<li>
<a class="nav-link nav_fontsize link" href="dieHerkunft.html">Herkunft</a>
</li>
<li>
<a class="nav-link nav_fontsize link" href="#">Shop</a>
</li>
<li>
<a class="nav-link nav_fontsize link" href="#">Contact</a>
</li>
</ul>
<div class="menu-toggle">
<div class="hamburger">
</div>
</div>
</nav>
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。