Hi, did that help you?
I faced a similar situation, and what did the trick for me was this:
a span:hover {
text-decoration: underline;
color: #F9C761
}
When dealing with adding links to specific words within a text box, like a paragraph, the HTML structure often involves a <div> containing a <p> with an <a> for the link, and then a <span> for styling effects. To make sure the hover effect (underline and color change) only applies to the linked words, the provided code comes in handy. Keep in mind that it has a global impact, so if your text has a link in the footer, the hover effect will apply there as well.
On the other hand, when working with navigation items, things are more straightforward. You can simply use:
a:hover {
/* Add your styling here */
}
Hope this helps!