01 Jun, 2009

Eenvoudig en valid CSS hacken

Categoriën: Chrome |FireFox |hack |IE6 |IE7 |IE8 |opera |safari |valid

Als je in je stylesheet hacks gaat inbrengen kan je daarmee de validatie ervan zeer sterk naar de knoppen helpen. Volgende manieren laten je toe valide CSS te schrijven die tegelijk als CSS hack kan dienen voor verschillende browsers. Voor Google Chrome en Apple Safari hacks kan je deze CSS Snippet raadplegen.

IE6 en minder

CSS

* html {}

IE7 en minder

CSS

*:first-child+html {}
* html {}

Alleen IE7

CSS

*:first-child+html {}

Alleen IE7 & moderne browsers

CSS

html>body {}

Alleen moderne browsers (niet IE7)

CSS

html>
/**/body {}

Recente Opera 9 en minder

CSS

html:first-child {}
Tags: , , ,

Gerelateerde Snippets

2 Reacties op "Eenvoudig en valid CSS hacken"

Maarten

June 1st, 2009 at 10:00

1

Weetje hier heb ik nu eens wat aan. Duidelijk gemaakt. ZO kan ik de site van de chiro eens wat gaan optimaliseren voor meerdere browsers

Dankje

Martin

October 3rd, 2009 at 02:30

2

Voor de verschillende IE-versies kun je beter gebruik maken van conditional comments. Dit is veiliger, want andere browser zullen dat ten allen tijde als commentaar beschouwen. En Microsoft raadt het gebruik van conditional comments zelf aan:
“Conditional comments are the preferred means of differentiating Cascading Style Sheets (CSS) rules intended for specific versions of Internet Explorer.”

Reactie formulier


Advertenties

Volgende nieuwe Snippet:

  • Momenteel niks gepland.