Eu possuo uma div e dentro dela um <a>
consigo dar hover na div, mas a cor da ancora não muda.
Estrutura HTML:
<div class="TamanhoECorTabs ThemeGrid_Width6">
<a id="ancora" tabindex="14" href="#">Home</a>
</div>
Estrutura CSS:
.TamanhoECorTabs:hover, .TamanhoECorTabs a:hover{
background-color: #428bca !important;
color: #fff !important;
border:none !important;
border-bottom: 1px solid #428bca !important;
}
Preciso que quando passar o mouse pela div, mude a cor da ancora, sem precisar passar o mouse sobre a ancora para que o hover funcione.
Outra coisa que está acontecendo é que mesmo a Home estando ativa o hover aparece. Como faço para tirar isso?