Skriv över inline styles med CSS

Ibland kan det hända att man måste skriva över inline styles i ett html dokument ifrån sin huvudmall. Detta ifall man kanske har ett CMS som genererar automatiska inline styles som man kan ha svårt att påverka. Chris Coyier på CSS-tricks har skrivit ett tips på hur man fixar detta.

Ifall html-koden ser ut såhär:

<div style="font-weight: bold;">
    Innehållet i den här diven kommer att vara fetmarkerat.
</div>

Så kan man fixa detta genom att i sin CSS skriva såhär:

div[style] {
   font-weight: normal !important;
}

Var dock uppmärksam på att detta inte stöds av IE6.

Du har kommit till slutet av inlägget

Tyckte du inlägget var intressant? Läs dessa också:

Nyheter i CSS3

Hur du utformar en utskriftsmall

Introduktion i hur man utvecklar en webbplats

Skrivet 19 maj - 2009 Postat i: Tips & Trick