Html 链接的颜色不为';不变

Html 链接的颜色不为';不变,html,css,hyperlink,Html,Css,Hyperlink,我在网上和这里搜索,没有找到这样的案例。 问题是我无法更改链接的颜色。我的结构如下: <ul id="footer_menu"> <li class="footer_title">Sobre</li> <li><a href="#">Sobre nós</a></li> <li><a href="#">E

我在网上和这里搜索,没有找到这样的案例。 问题是我无法更改链接的颜色。我的结构如下:

 <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;
}
    Sobre
a{ 文字装饰:无; -webkit转换:所有.2s线性; -moz跃迁:全.2s线性; -ms转换:全.2s线性; -o-过渡:所有.2s线性; 过渡:全部.2s线性; } ul#页脚菜单li a{ 颜色:#848587; } ul#页脚菜单li a:悬停{ 颜色:#FFFFFF; }
正如你所看到的,我试着在footer_菜单上放置链接的最具体路径,但是链接的颜色仍然是蓝色,令人惊讶的是,悬停功能正常工作

如果有人能帮我。事实上,我只是问,因为一切似乎都很好。我不能把第一个a的颜色,因为没有我的链接将有相同的颜色

谢谢

试试这个:

ul#footer_menu li a{
    color: #848587 !important;
}
看看它完全可以正常工作

ul#footer_menu li a{
    color: red;
}

ul#footer_menu li a:hover {
    color: #FFFFFF;
}

试试这个

<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特性的规则。它应该与上面的css规则一起工作。如果它对你不起作用,那么可能是其他css规则覆盖了你链接的属性,而这并不能回答这个问题。@Vucko谁写了ul#footer#u menu li a?你们可以解释一下投票的来龙去脉:(我们正在尝试帮助,有时可能是错误的,所以你们可以帮助我们改进,而不是贬低我们。你们所做的只是删除了
ul
;这并没有回答问题。当然,它是有效的:)如果你把ul加回去,它也会起作用。恐怕这也不能回答问题。问题中的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; }