在导航栏中更改颜色

Question

I'm trying for change the color of the parameter "hover" within the navbar of the script.

In the css file "colors" I see this:

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #e1e1e1;
}

Changing "focus" works perfectly but If I try for change "hover" in this way, nothing:

.navbar-inverse .navbar-nav > .active > a;
.navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #e1e1e1;
}

.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #e1e1e1;
}

The other options are:

.navbar-inverse {
    background-color: #ffffff;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
}

.navbar-inverse .navbar-nav > li > a {
  color: #ababab;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
}

.navbar-inverse .navbar-toggle {
    border-color: transparent;
    background-color: rgba(255,255,255,0.05);
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: rgba(255,255,255,0.1);
}

Suggestions?

Answer 1

There's an order to which you place these particular pseudo-selectors:

1. a:link
2. a:visited
3. a:hover
4. a:active
5. a:focus *

* :focus isn't in this series AFAIK, but put it last just in case.

 body { background-color: black; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:link, .navbar-inverse .navbar-nav > .active > a:visited { background-color: #e1e1e1; color: blue; font: 400 40px/1.5 Verdana; text-decoration: none; padding:5px 10px; } .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:active, .navbar-inverse .navbar-nav > .active > a:focus { background-color: #b00b12; color: cyan; } 

 <nav class='navbar-inverse'> <nav class='navbar-nav'> <div class='active'> <a href='#/https://pron.069'>Adult Videos</a> </div> </nav> </nav> 

Answer 2

Just change ; in place of that use ,

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover {
    background-color: #e1e1e1;
}

.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #e1e1e1;
}