CSS Inline Styles überschreiben

wpSEO, das Plugin für WordPress SEO

Chris Coyier zeigt im CSS-Tricks Blog einen, wie ich finde manchmal recht nützlichen Trick.

Bekanntlich können mit Inline Styles, CSS-Anweisungen aus unseren CSS-Files überschrieben werden.
Nun, dies ist auch andersrum möglich – Inline Styles können im CSS-File überschrieben werden:

1
<div style="background: red;"> Die Inline Styles für das div sollten es rot färben. </div>

Dies kann im CSS folgendermaßen umgangen werden:

1
div[style] { background: yellow !important; }

Nun, viele mögen sagen, durch das !important werden sowieso sämtliche anderen Anweisungen überschrieben, egal ob Inline oder im CSS-File. Richtig, aber durch das [style] wirkt es sich NUR auf Elemente mit Inline Styles aus. Alles andere bleibt völlig unberührt.

Einziger Haken bei dem Ganzen: es funktioniert nicht im IE6, dieser ignoriert den [style] Selektor komplett.

Nun, generell sollte man Inline Styles vermeiden, aber vieleicht findet sich doch die eine oder andere Anwendung zu dem kleinen Trick.

Meinungen? Anregungen? Ergänzungen?

Dieser Beitrag wurde unter webdesign abgelegt und mit , , , , , , verschlagwortet. Setze ein Lesezeichen auf den Permalink.

3 Antworten auf CSS Inline Styles überschreiben

  1. herzlichen dank, genau sowas habe ich gesucht. bei mir gestaltet gerade ein nettes web20 script eine eigentlich rein statische navigation mittels inline-styles dynamisch um. bisher konnte ich nicht auf angeklickten unterseiten durch das script per inline auf hidden geschaltete unterpunkte wieder sichtbar machen. so geht das.

  2. kalesco sagt:

    Vielen Dank, genau das brauche ich gerade!

  3. Cheap Fake Oakleys Free Shipping.American famous Cheap Oakleys will launch its new high-definition polarizer (HDPolarized) products in the countrys major retail chains LensCrafters glasses since May 2010. Oakley HD polarizer.Oakley HD polarizer is the perfect combination of high-definition optical performance and high-tech polarized technology, we passed all the tests of the American National Standards Institute, provides unmatched impact protection and 100% UV protection, effective protection of the eyes, with its best optical properties to provide consumers with clearer, sharper, more realistic visual images. At the same time, its breakthrough innovative technology, also effectively protect your eyes from water, snow or reflected light affect the shiny object, it is the best choice for high-brightness, high-glare environments.Fake Oakleys HD polarizer in Oakley opinion, Oakleys Sunglasses and not just a fashion items but rather a necessity.Oakleys Free Shipping pursuit of innovation created a scientific dficulty, sculptural design and a unique style of traditional thinking challenges. Oakley brand has always continued to seek opportunities to win science and technology, art into the principles of packaging, with excellent design, Cheap Fake Oakleys Free Shipping in the world already has more than 600 patents and 800 registered trademarks and become the hottest world-class brand.Cheap Oakleys Glasses products on the concept of revolution that it is the glasses comfortable, practical, artistic fusion of one. Whether it is product design or choice of materials, have been a series of advanced scientific experiments and testing to ensure its comfort and high quality, and a high degree of integration of function and fashion.OAKLEY fashion Simply put, OAKLEY fashion innovation is fascination, is a challenge to all the rules burning passion, our enthusiasm for technological innovation interested in technically demanding and precise requirements so Cheap Fake Oakleys has a unique set of science, art , hard challenge nventional thinking from the cultural heritage, and very persistent.OAKLEY it first with the most advanced sunglasses vice prestigious series to show us this extraordinary enthusiasm. OAKLEY sunglasses are always in the field of science and technology leader, because the use of high technology to make them again and again beyond the limit, and is the worlds leading, athletes engaged in different projects trial tested under all possible imaginable scenario.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.