linking style for h4 or custom class

Question

I am trying to target this link so that it retains its set regular state color which is #5956a5 , but when hovering/focused - I want it to go turquoise.a.bodyLink:hover, a.bodyLink:active, a.bodyLink:focus { color: rgb(66,219,215); text-decoration: none; }

Text Link Here

Not working. My guess is that I need to somehow incorporate the h4 into the CSS?I'd also like the link to be underlined on regular state - and no decoration upon hovering. This rule wold be targeted consistently for all h4 instances that hyperlink.Maybe the custom class name of 'bodyLink' is not needed?Thank you.

Jon Fritz · Accepted Answer

As long as you don't have other links within

tags that you want to be a different color, you could use...h4 a:hover, h4 a:active, h4 a:focus { color: rgb(66,219,215); text-decoration: none; }I'd remove the all together,
is already bold by default and if it's not bold enough, you should be using font-weight in the css instead.Also, keep in mind, "active" will only change the color while the link is being clicked, it is not a "you are here" function.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded