Wordpress change color background of active and hover li

[admin]

Navbar > li > a

is not working in my wordpress. I tried to use

#nav > li > a

to change the color and background of its

li

.<br>
And my main problem is I cannot change the class active of my home link, can someone post a sample on how to change this?

code is here thank you very much!

<nav class="navbar navbar-default" role="navigation" id="nav">
    <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" 
                  data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="<?php echo home_url(); ?>">
              <img src="http://conlinscoffee.com/wp-content/uploads/2017/05/conlins_logo.png" 
                   class=" img-responsive" alt="logo">
          </a>
        </div>  
        <?php
        wp_nav_menu( array(
            'menu'              => 'primary',
            'theme_location'    => 'primary',
            'depth'             => 2,
            'container'         => 'div',
            'container_class'   => 'collapse navbar-collapse',
            'container_id'      => 'bs-example-navbar-collapse-1',
            'menu_class'        => 'nav navbar-nav',
            'fallback_cb'       => 'WP_Bootstrap_Navwalker::fallback',
            'walker'            => new WP_Bootstrap_Navwalker())
            );
        ?>
        <div class="pull-right" id="searchbar">
            <?php dynamic_sidebar( 'top-menu' ); ?>
        </div>
    </div>
</nav>