I need to change the color of the text on hover, how to do it through css?

Question

css

I'm trying to create a site for myself, smoke-project.cdg44.ru .... in such a site structure, I'm just starting to understand the method of scientific poke and various articles. I took the chilly theme as a basis in a kind of press and squirm over it (may be important: it creates two folders in the theme folder at once and something in the css styles changes in one or the other) usually changing the view did not cause problems until I encountered clicking view code with blocked browser settings (or maybe it is not blocked) of changing the color of the menu text when you hover over it with the mouse cursor. Now it is black, I somehow need to change it to white. Please tell me how to do it: where to change or add something. I tried to prescribe *{color: #ffffff;} at the beginning of css files did not help.

Answer 1

In the file www.smoke-project.cdg44.ru/wp-content/themes/chill... at the very beginning, find:

.navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > li > a:hover, 
.navbar-custom .navbar-nav .open > a,
.navbar-custom .navbar-nav .open > a:focus,
.navbar-custom .navbar-nav .open > a:hover {
    color: #000000;
    background-color: transparent;
}

Answer 2

To change styles on hover, you need to use the :hover pseudo-class

a {
  color: red;
}

a:hover {
  color: blue;
}