La sortie du CSS3 (Cascading Style Sheets) a marqué le vrai début du Web 2.0, des formes sans images, des effets sans javascript, des animations, bref du peps !
Bon vous allez me dire c’est cool mais nous autres développeurs on ne peut même pas encore intégrer du CSS2 dans certains navigateurs*
Oui c’est vrai, mais on peut toujours rêver sur les spécifications du CSS4…
Mais que nous réserve le CSS quatrième du nom ?
L’un des problèmes du CSS3 est qu’il était impossible de sélectionner un parent précis répondant à un critère en particulier sans passer par du javascript.
Du coup le CSS4 va intègrer une nouvelle syntaxe, le selecteur :
Un sélecteur représente une structure. Cette structure peut être utilisée comme une condition (par exemple dans une règle CSS) qui détermine à quels éléments correspond une sélection dans l’arborescence du document.
Par exemple pour selectionner le « p » du header, il suffit de faire
header > p
Simple vous allez me dire, mais le truc c’est que ca pourra aller bien plus loin !
Exemple pour sélectionner une liste ordonnée OL ayant un enfant unique, cet enfant étant une LI
OL! > LI:only-child
Il y aura aussi l’opérateur de négation, utilisé dans ce sélecteur pour représenter tout le html sauf les liens
html|*:not(:link):not(:visited)
Bref que du bon en perspective, espérons que cette nouvelle norme qui n’en est encore qu’aux spécifications ne soit pas vilipendée par ces navigateurs*
*IE6,IE7,IE8,IE9 en mode compatible
