Why the CSS hover effect is not working?

Question

I have this page:

If you click on "products", will open a submenu. I want to add a hover effect to this submenu .

I tried this code but do not understand why not go? I missed something?

.sub-menu li:hover{color:red'}

It certainly is probably something simple but I can't realize where is the problem.

You can help me solve this problem?

Thanks in advance!

Questions seeking debugging help ("why isn't this code working?") must include the desired behavior, a specific problem or error and the shortest code necessary to reproduce it in the question itself. See How to create a Minimal, Complete, and Verifiable example — Paulie_D
– Paulie_D, Commented Jun 16, 2015 at 11:04

Paulie_D · Accepted Answer · 2015-06-16 11:08:34Z

1

The color of the submenu items is controlled by

#menu-main-menu .sub-menu li a {
    color: #ddd;
}

so you would need

#menu-main-menu .sub-menu li a:hover {
    color: red; /* or whatever color you wish */
}

answered Jun 16, 2015 at 11:08

Paulie_D

116k13 gold badges168 silver badges185 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1