How to Change Navigation Link Color When Hovering

I'm trying to make it so that when users hover over the different options on the navigation page, they'll turn into a different color while being hovered over. I tried to insert this CSS that I found from a website, but it didn't work. The website said to do the following: 

FONTSTYLE a:hover {
    color: #FFDA00 !important;
}

with these as the codes for font style and with the color code being changeable. 

• Heading One h1

• Heading Two h2

• Heading Three h3

• Heading Four h4

• All Paragraphs (paragraph 1, 2 & 3) p

• Paragraph 1 / Large Paragraph p.sqsrte-large

• Paragraph 3 / Small Paragraph p.sqsrte-small

I inserted the following code into the custom CSS, but it's not working. 

 p.sqsrte-small:hover {
   color: #8DD9BF !important;
 } 

Does anyone know how to do this?