Show border with CSS Hover

Question

I am developing a web application and would like when I hover over the menu item to show a border above and below the item with the white color, but it is not working.

Example.

My application

Link to go to application with the problem

Answer 1

.nav navbar-nav .conteudo:hover{
    border-top: 3px solid white;
    border-bottom: 3px solid white;    
}

Nav and navbar-Nav are classes of the same tag, so the CSS does not work, you must use a single class of each tag to reference. Remove the navbar-Nav and the code will work.

Correct form:

 .nav .conteudo:hover{
    border-top: 3px solid white;
    border-bottom: 3px solid white;    
}