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

CSS Hints HOWTOs Javascript Web Development

Jennifer Zelazny February 15, 2008
5 Comments

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
Tagged: , , , ,

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!!

    Reply

  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…

    Reply

Leave a Reply

Your email address will not be published.
*
*

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

Films Serenity Now!

Now That That is Settled…

Well now that Fidel Castro resigned as Cuba’s President (by a letter!) and HD-DVD is dead (yeah for Blu-ray), I think we can all say it was one long awaited day!

February 19, 2008 0 Comments
Hardware

Followup: Bluetooth Cordless Phone

I recently posted about the bluetooth cordless phone I ordered. Yesterday I got everything set up and to my surprise – both my iPhone and Amy’s Sony Ericsson something or other phone both paired without any problems and everything works quite nicely! I would definitely recommend this phone (or type of phone) to anyone who […]

February 13, 2008 0 Comments