我在网上和这里搜索并没有找到这样的案例。 问题是我无法更改链接的颜色。我有以下结构:
<ul id="footer_menu">
<li class="footer_title">Sobre</li>
<li><a href="#">Sobre nós</a></li>
<li><a href="#">Entre em contato</a></li>
<li><a href="#">Contribua</a></li>
</ul>
a {
text-decoration: none;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
}
ul#footer_menu li a{
color: #848587;
}
ul#footer_menu li a:hover {
color: #FFFFFF;
}
正如您所看到的,我尝试将链接的最具体路径放在 footer_menu 上,但链接的颜色仍然保持蓝色,令人惊讶的是悬停正常工作。
如果有人可以帮助我。其实我只是问一下,因为一切似乎都很好。我不能将颜色放在第一个 a 中,因为我的链接不会具有相同的颜色。
谢谢你
试试这个
<nav id="myslidemenu">
<ul>
<li><a href="what-we-do.html">What we do</a></li>
<li><a href="our-services.html">Our services</a></li>
<li><a href="who-we-are.html">Who we are</a></li>
<li><a href="case-studies.html">Case studies</a></li>
<li><a href="testimonials.html">Testimonials</a></li>
</ul>
</nav>
CSS
nav ul li a{
color:#000;
border-bottom: 1px solid #FFBE08;
-webkit-transition: border-bottom linear 1s;
-moz-transition: border-bottom linear 1s;
-o-transition: border-bottom linear 1s;
transition: border-bottom linear 1s;
text-decoration:none;
}
nav ul li a:hover{ color:#000; border-bottom:1px solid #000; }
试试这个:
ul#footer_menu li a{
color: #848587 !important;
}
看看Fiddle它工作得很好
ul#footer_menu li a{
color: red;
}
ul#footer_menu li a:hover {
color: #FFFFFF;
}