Einige brauchbare Hacks
Von Joachim Krammer | CSS-Hacks
Da man diese Hacks immer wieder gut gebrauchen kann (und sie hier gut zu referenzieren sind), will ich einige vorstellen!
Wir sperren mal den “Schweinebrowser” Netscape 4.x aus:
/*/*/a{} .container { width : 100%; } /* */Der Netscape 4 schwirrt bei
/*/*/a{}ab und kommt erst nach dem abschließenden leeren Kommentar/* */wieder zum Zug.Folgender Hack wird von allen bisher erschienenen Opera-Versionen nicht interpretiert:
head:first-child+body .container { width : 100%; }Das erste “Child” des Heads ist logischerweise der Body, was der Opera ja auch noch erkennt. Allerdings steigt dieser dann beim “Selektor für benachbarte Elemente”, nämlich dem Plus “+”, aus.
Durch eine Verknüpfung des Kind-Selektors (den die gesamte IE-Familie nicht interpretiert) und einen “benachbarten Selektor” lassen sich alle IEs und die Opera-Familie bis Version 7 ausschließen:
html>head:first-child+body .container { width : 100%; }Eine an sich logische Schlussfolgerung, auf den Kind-Selektor und Tantek’s Hack (“Box-Model-Hack”) bin ich im Blog bereits kurz eingegangen.
Ebenfalls nichts für Opera-Browser ist folgender Einsatz des Universal-Selektors (“*7 Hack”):
html*#test { color: green; }Wen der Hack alles aussperrt oder auch nicht, könnt ihr hier ersehen. Gepaart mit Einsatz des Kind-Selektors versteckt man den Code natürlich auch noch vor dem IE!
Wie bereits im Betreff geschrieben, sind das nur mal einige Hacks, weitere werden folgen. Denkt aber immer daran, dass Hacks aus Gründen der Zukunftssicherheit grundsätzlich vermieden werden sollten. Leider kommt man manchmal nicht daran vorbei ;)