Override inline styles (this is not for you, IE fans)

Xavier Muñiz — Fri, 09 May 2008 15:02:25 +0000

Natalie Jost wrote a very interesting article about how to override inline styles from the CSS style sheet.

Why would you need something like this?

Well, let’s say you are working with some old CMS with poor render techniques that insist on create and style HTML “on the fly”, without template flexibility (Yes, I have found a lot of these being used with my clients)… Or a worst case: You have to publish documents that were exported to HTML from a crappy desktop word processor (Some companies have this kind of procedures to publish press statements, financial reports and other documents).

So, here’s the magic sentence:


/* override inline styles */
span[style^=""]{
    color: inherit !important;
    font-size: inherit !important;
}

But please, go to Natalie’s blog and read the explanation.

I really hope you don’t need this, but it is good to have these tools handy, just in case.

Yay! It’s a naked blog!

Xavier Muñiz — Wed, 09 Apr 2008 00:25:55 +0000

If you are not reading this blog on an RSS aggregator, you’ll notice the graphic layout has gone.

That’s because this year, April 9 is CSS Naked Day, when a lot of websites around the world just strip their ~~clothes~~ styles and show of their markup au naturel, with the objective of vindicate XHTML as a markup language and not a graphical design platform.

So, being a defender of web standards, XHTML+CSS and all that, I decided to join the party and show off my naked . And well… I just noticed my templates need some workout.

xmz » css

Override inline styles (this is not for you, IE fans)

Yay! It’s a naked blog!