WebDev-FR

Sur Ajaxian, on peut trouver une petite liste des 10 choses les plus cool que nous serons capables d’appliquer lorsque IE6 ne sera plus.

Essayons de notre côté d’aller un peu plus loin que cette liste. Lorsque IE6 aura disparu, la nouvelle barrière sera IE7 mais l’abandon d’IE6 débloquera un tas de fonctionnalités CSS actuellement délaissées car incompatibles.

En vrac :

• l’utilisation du sélecteur CSS fils (>) afin de sélectionner les noeuds immédiatement en-dessous d’un noeud et non toute sa descendance.
• j’aurais bien dit le sélecteur de noeuds adjacents (+) mais il est un poil buggé sur IE7
• le sélecteur par attribut ([attr]) pour sélectionner des noeuds en fonction de la présence d’un attribut et de sa valeur, idéal pour différencier les éléments INPUT d’un formulaire (bouton, champs texte, bouton radio, case à cocher, bouton d’envoi, etc).
• la bonne gestion des classes multiples, actuellement un tantinet foireuse sur IE6
• le :hover sur n’importe quoi et pas uniquement sur les liens
• :first-child, pour sélectionner le premier fils d’un noeud
• le display:inline-block pour les éléments initialement avec un display:inline
• display:list-item
• min-width, max-width, min-height, max-height
• utilisation correcte du overflow:visible
• position:fixed
• le sélecteur de précédence (~) permettant de sélectionner un noeud en fonction d’un noeud qui le précéde. Le sélecteur d’adjacence (+) implique que le noeud adjacent précéde immédiatement le noeud ciblé alors que le sélecteur de précédence (~) permet d’avoir des noeuds entre le noeud ciblé et le noeud qui précéde.

Bref, plein de nouvelles choses qui nous permettront de nous arracher un peu moins les cheveux. Mais bon, en attendant, vous allez continuer à vous les arracher par poignées, IE6 est encore coriace…