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

Posted by: Jen | 5 Comments »

Categorized: CSS, Hints, HOWTOs, Javascript, Web Development

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

5 Responses to “Add a "Pseudo" Pseudo Class Hover in Inline CSS.”

  1. jeroen says:

    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 says:

    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…

  3. [...] Add a “Pseudo” Pseudo Class Hover in Inline CSS. | jappler.com [...]

  4. [...] Add a “Pseudo” Pseudo Class Hover in Inline CSS. | jappler.com [...]

Leave a Reply

Your email address will not be published. Required fields are marked *

*

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=""> <strike> <strong>