gpt4 book ai didi

html - CSS访问链接代码。打开的链接留在其他颜色。我的错误在哪里?

转载 作者:行者123 更新时间:2023-11-28 09:04:33 26 4
gpt4 key购买 nike

当有人在我的菜单中打开链接时,我希望链接的样式更改为与悬停相同的样式,并保持这种样式直到用户位于该页面上。

我在某个地方犯了错误,我找不到哪里。我希望有一个人可以帮助我。我知道还有很多其他类似的问题,但我知道如何去做,但我在我的代码中犯了一些错误,但找不到它。

编辑:

我发现我的错误在哪里,所以如果有人在功能中需要这个,我会用正确的代码编辑代码。

HTML 代码:

 <div id="h_menu">
<div class='horizontal'>
<ul>
<li><a class='b' href='index.php' title='Home'><center>Home</center></a></li>
<li><a href='include/a1.html' title='Testimonials'><center>Testimonials</center></a></li>
<li><a href='include/a2.html' title='Prices'><center>Prices</center></a></li>
<li><a href='include/a3.html' title='Galerry'><center>Galerry</center></a></li>
<li><a href='include/a4.html' title='FAQs'><center>FAQ's</center></a></li>
<li><a href='include/a5.html' title='Contacts'><center>Contacts</center></a></li>
</ul>

</div>

</div>

我所有菜单链接的 CSS 代码:

    #h_menu{
width: 100%;
height: 35px;
background-color: #D8D8D8 ;
margin:10px;
margin-left: 0px;



}

.horizontal
{
width: 100%;
height: 30px;
}

.horizontal ul
{
list-style-type: none;
margin: 0;
padding: 0;

}

.horizontal li
{
float: left;
}

.horizontal a
{
display: block;
width: 116px;

}

.horizontal a:link, .horizontal a:active
{
font-family: Arial, Helvetica, Sans-serif;
background-image:url(img/imgs/buttons1.png);
font-size: 13px;
text-decoration: none;
border-right: 1px;
border-color: grey;
border-right-style: solid;
padding-top: 9px;
height: 22px;
width: 151px;
color: #B00000;
font-weight: bold;



}
.horizontal a:visited{


font-family: Arial, Helvetica, Sans-serif;

font-size: 13px;
text-decoration: none;
border-right: 1px;
border-color: grey;
border-right-style: solid;
padding-top: 9px;
height: 22px;
width: 151px;
color: #B00000;
font-weight: bold;
}

.horizontal a:hover
{
background-position: 0 -33px;
}
#h_menu .b
{
background-position: 0 -33px;
}

最佳答案

我认为你应该使用

background-color

代替

color

.horizo​​ntal a:visited 类中。

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_visited

关于html - CSS访问链接代码。打开的链接留在其他颜色。我的错误在哪里?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26764644/

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