Wenn man inline Styles überschreiben, macht man das mit !important, will man aber nur inline gestylte Tags in CSS im Webdesign überschreiben, gibt es keine andere Möglichkeit, als diese styles direkt anzupassen? Falsch!
Eine weitere Möglichkeit ist mit Hilfe des [style] Keywords innerhalb eines Scriptblockes oder einer externen CSS nur diese Tags mit inline Styles anzusprechen.
Ein Beispiel :
<div class="showMe"> <span style="font-weight: bold; color: #ff0000;">Hello World - wird gestyled</span> </div> <div class="showMe"> <span>Hello World - wird nicht gestyled</span> </div>
.showMe span[style]{font-weight: normal !important;color: #0000ff !important;}
Wie das immer so ist und wie man sich wahrscheinlich aufgrund des [style] im Selektor denken konnte, funktioniert dies nicht im IE6, aber im IE7 & IE8 sowie allen modernen Browsern.
Natürlich bleibt die Frage, wann man so etwas sinnvoll anwenden kann, da man inline styles generell vermeiden
sollte, aber es kann mit Sicherheit nicht schaden, so etwas zu wissen.
Seeing is believing, daher gibt es hier ein kleines Showcase.
[gefunden bei SOTAHNAKA]
