Add a "Pseudo" Pseudo Class Hover in Inline CSS.

I have been busy this week with a few really cool projects – one of them to create a widget for any site that will show the latest news items from a RSS feed – while not limiting the widget to servers with PHP. After putting that together, I had to add inline CSS to style the feed output. Everything looked great but I could not figure out how to add a :hover to an inline style…until I realized I could fake it by adding some basic javascript: onmouseover and onmouseout to change the font color.

<a href="file.html">Title&lt;/a

About the Author...

Jennifer Zelazny

My name is Jennifer Zelazny and this site is a collection of my random thoughts and opinions. I am Penn Stater, WordPress developer, and a modern day explorer. I love exploring data, trends, and things that make the world a better place and sharing them here.

5 thoughts on “Add a "Pseudo" Pseudo Class Hover in Inline CSS.”

  1. jeroen

    Thanks so very much for taking your time to create this very useful and informative site. I have learned a lot from your site. Thanks!!

  2. Jason

    Dude,

    You rock! This was the exact thing I needed for my server side include! It allowed me to insert an SSI into a table so that the data would shrink and rize on :hover. Think of a baby kangaroo inside the mom’s pouche. Either way, this was just what the doctor ordered. Great work holmes…

Leave a Reply

Your email address will not be published.
You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>
*
*

This site uses Akismet to reduce spam. Learn how your comment data is processed.