Need help to troubleshoot css for hyperlinks

Hi,

I want all of my hyperlinks in both headings and paragraphs to change color when hovered, but my code only works on the headlines for some reason. I only have basic knowledge of CSS, and I can't figure out what's wrong. 

a:hover {
    color: #f48947;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

- I've tried changing the first line to h3 a, p a:hover {} but paragraph links still won't work
- If I add another block with the same code below it, any text-decoration changes seem to affect the paragraph links, but the color won't change. 
- I've tried adding the !important command, but it doesn't work. 

Is there any brilliant mind out there who can help me?

sofiawiklander.com

You were close! Try:

p:hover {
    color: #f48947;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

You can also make it block-specific:

#blockID {
    p:hover {
        color: #f48947;
        text-decoration: underline;
        text-decoration-thickness: 1px;
    }
}

Thank you so much for your reply!

p:hover doesn't work either. It only gives one long underline for the whole line, instead of underlining each hyperlinked object. 😞

@tuanphan You're amazing, thank you so much!