Les sélecteurs CSS, c’est pratique, mais…
Les sélecteurs CSS avancés simplifient (simplifieraient ?) la tâche de tout intégrateur. Ils permettent d’accéder à un élément ou à ses attributs sans lui spécifier de classe.
Des exemples pratiques :
Pour accéder seulement aux checkbox d’un formulaire :
- input[type=checkbox]{margin:30px 0 0 0;}
Pour iconiser des liens (permet un fond de lien différent en fonction de la cible du href) :
- a[href $='.pdf'] {
- padding-left: 22px; background:url(img/pdf.gif) no-repeat left;}
- a[href $='.rar'] {
- padding-left: 22px; background:url(img/archive.gif) no-repeat left;}
- a[href *="youtube.com/"] {
- padding-left: 22px; background:url(img/youtube.gif) no-repeat left;}
Les sélecteur d’enfants (permet de cibler les enfants d’un élément) :
- #contenu > p{padding:0 0 0 20px;}
ou
- #contenu:first-child{padding:0 0 0 20px;}
qui permet de ne cibler que le premier enfant d’un élément.
Très pratique ! Et le “Mais” dans tout çà ? Eh bien il se nomme Internet Explorer 6 voyons ! Aucune de ces techniques n’aura les effets escomptés sur ce vieux navigateur.
Il existe une solution concernant le sélecteur d’enfant sur le JDN Développeurs.
Sinon l’ultime solution pour la totalité de ces techniques : Télécharger Firefox - Télécharger Opéra. Stop à l’utilisation d’IE 6 !
mars 18th, 2008 at 21:56
C’est bien beau de parler de opéra et firefox, mais il faut parler de safari aussi le navigateur Mac dispo sur pc.
A niveau égale il est plus rapide que tout les autres. Et de base il permet demuler la pluspard des navigateurs pour nous developeur. En plus il a la célèbre simplicité d utilisation de Apple.
Commentaire fait avec la version mobile de safari sous iPhone.
mars 19th, 2008 at 00:03
Il est vrai que la version PC de Safari est sortie y a pas si longtemps. Mais d’après ce que j’en avait entendu, cette version n’était pas très stable à ses débuts.
J’ai Safari installé sur mon PC, et ne m’en sers que pour le débuggage des projets web.
Tu m’as tout de même donné envie de le tester plus en profondeur.
Merci !
mars 20th, 2008 at 23:42
je me sert de la 3.1b et j’aprécie bcp.