active sub menu to give border-bottom to main menu

I’m trying to get border-bottom to the main menu in the nav when one of its sub-menu is selected. It’s working fine when there’s no sub-menu, but I can’t get it to work when I have the sub-menu.

li.current-menu-item {
color: #000000;
border-bottom: 1px solid ;
}