Appear border with CSS hover

0

I'm developing a web application and I would like it when I hover over the menu item to show a border on top and bottom of the item with the white color but it is not working.

Example.

Myapplication

Link to go to app with problem

    
asked by anonymous 23.01.2018 / 18:22

1 answer

0
.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 CSS does not work, you should use a single class of each tag to reference. Remove navbar-nav and the code will work.

Correct form:

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