Cómo cambiar el color de un texto en una propiedad :hover

Estoy modificando la propiedad :hover de parte de los enlaces de mi web para que al poner el cursor encima, pase de ser el texto en gris oscuro y subrayado a tener un fondo en rojo, el texto en blanco y en negrita. Algo así:

article#omc-full-article.omc-inner-standard ul li a:hover {
background-color: #cf1500;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

En este caso concreto, no me cumple la función de cambiar el color a blanco (el resto sí).

He descubierto en la funcionalidad Inspeccionar Elemento de Chrome que el color del texto lo trae heredado de article#omc-full-article.omc-inner-standard ul, con lo cual todos sus <li> heredan el color gris oscuro. ¿Cómo podría cambiarle el color a los <li> en este caso?

Aunque el li tenga un color de texto definido, teóricamente el color del enlace prevalece.

Si te está omitiendo el que le pones por algún otro, puedes ponerle un "!important":


Saludos.

Muchas gracias por tu consejo, logré solucionar el problema que exponía

Sin embargo, tengo ahora otro similar que ni con el !important sale:


div#pages-2.omc-footer-widget.widget-pages ul li.page_item a:hover {
background-color: #cf1500 !important;
color: #ffffff;
font-weight: bold;
text-decoration: none;
}

Se trata de un widget en el footer donde aparece una lista con las páginas del sitio (rollo Quienes Somos, Contacto, etc), que al pasar el cursor encima el <li> cambia su color de fondo a amarillo (como tenía originariamente el theme) y yo quiero que cambie a rojo