gpt4 book ai didi

html - 导航栏中的链接颜色是不可更改的

转载 作者:可可西里 更新时间:2023-11-01 13:29:15 25 4
gpt4 key购买 nike

这是我的代码 ` 我的个人网站

<style>
html body{
margin:0;
padding:0;
}
.navbar-container {
position: absolute;
top:0;
width: 100%;
background-color: #283018;
}
.navigation-bar {
padding: 10px;
}

.nav-ul {
padding-top: 7px;
overflow:hidden;
padding-left: 540px;
list-style-type:none;

}

.nav-ul li {

color: white;
display: inline;
padding:50px;
text-align: center;
font-size: 1.1em;
float:left-inline;

}
.navbar-name h1 {
color: white;
float:left;
padding-left: 2px;
font-size: 1.5em;
}

.navbar-links a:link {
color: white;
text-decoration:none;
}
li a:link {
color:white;
}
.navbar-links li:hover, .navbar-links a:hover {
background-color: blue;
}


</style>

<body>
<nav class="navbar-container">
<div class="navigation-bar">
<div class="navbar-name">
<h1>Welcome to My Personal Site</h1>
</div>
<div class="navbar-links">
<ul class="nav-ul">
<li><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">My Works</a></li>
</ul>
</div>
</div>
</nav>
</body>
</html>`

我无法更改导航栏中的链接。这是必须更改链接颜色但不能的代码

.navbar-links a:link {
color: white;
text-decoration:none;
}

我什至试着把li a:link但它不起作用

链接颜色是不可更改的。

抱歉,我不能发布截图

最佳答案

试试这个

.navbar-links li a {
color: white;
text-decoration:none;
}

关于html - 导航栏中的链接颜色是不可更改的,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32534959/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com