I would like to add the following CSS to spruce up the hyperlinks in a post:
/* this is the magic */
a {
text-decoration:none;
border-bottom: 2px solid #ef8b80;
box-shadow: inset 0 -4px 0 #ef8b80;
color: inherit;
transition: background 0.1s cubic-bezier(.33,.66,.66,1);
}
a:hover {
background: #ef8b80;
}
But when I do, it also adds the effect on everything in the header, which I don’t want. I just want the effect on the hyperlinks in the post body.
Any ideas on how to change the code for this to happen?
Thank you.