Estou desenvolvendo uma aplicação web e gostaria de que quando eu passar o mouse por cima do item do menu mostrasse uma borda em cima e em baixo do item com a cor branca, mas não está funcionando.
Exemplo.
Minha aplicação
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeEstou desenvolvendo uma aplicação web e gostaria de que quando eu passar o mouse por cima do item do menu mostrasse uma borda em cima e em baixo do item com a cor branca, mas não está funcionando.
Exemplo.
Minha aplicação
.nav navbar-nav .conteudo:hover{
border-top: 3px solid white;
border-bottom: 3px solid white;
}
nav e navbar-nav são classes de uma mesma tag, por isso o CSS não funciona, você deve utilizar uma única classe de cada tag para fazer a referência. Retire o navbar-nav e o código funcionará.
Forma correta:
.nav .conteudo:hover{
border-top: 3px solid white;
border-bottom: 3px solid white;
}