CSS issues | WordPress.org

I’m building a prototype home page for my school’s newspaper’s website and have hit a road block with the code. I’m trying to make it so that when you run your cursor over the “Home”, “Blog”, “About”, or “Contact” buttons the words turn green instead of blue. However, no matter how many times I try to input the CSS code in the Additional CSS tab, I cannot figure out what is wrong with the code.

This is the code I’m entering:

@media only screen and (min-width: 560px)
.site-header .main-navigation>div>ul>li:hover>a, .site-header .main-navigation>div>ul>li.focus>a, .site-header .main-navigation>div>ul>li.current-menu-item>a {
color: #005009;

Does anyone know what I’m doing wrong?

The page I need help with: [log in to see the link]

Source link