$ 7.00

Tuto Améliorez votre CSS avec les sélecteurs avec CSS

$ 7.00

  • Une formation vidéo de 46m58s
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans ce tuto CSS3, vous allez apprendre à manipuler de nouveaux sélecteurs pour optimiser vos développements frontend. Ces sélecteurs CSS vous permettront de limiter l'utilisation de classes dans vos documents HTML et CSS et des manipulations parfois hasardeuses.

Au programme de ce tuto sélecteurs CSS

De la création d'une lettrine en passant par la gestion d'une liste gérant l'affichage de lignes paires ou impaires, vous testerez également la puissance de la propriété CSS content. Nous verrons également comment sélectionner des éléments HTML voisins directs, indirects et même comment sélectionner un élément en fonction de la valeur d'un de ses attributs. Nous verrons bien d'autres notions (voir la table des matières plus bas).

Bonne formation à vous !

Table des matières de cette formation CSS (durée : 46m58s)

  • Introduction
    • Introduction 00:00:59
  • Sélection par attribut
    • Sélection par attribut avec valeur exacte 00:04:37
    • Sélection par attribut avec début de la valeur 00:01:44
    • Sélection par attribut avec fin de la valeur 00:02:03
    • Sélection par attribut avec une partie de la valeur 00:01:56
  • Sélection par référence
    • Sélection d'enfant 00:02:25
    • Sélection de voisin direct 00:02:23
    • Sélection de voisin direct ou indirect 00:03:18
  • Sélection par pseudo-classes
    • :first-child et :last-child 00:02:47
    • :only-child 00:00:45
    • :empty 00:01:35
    • :nth-child() 00:04:41
    • :nth-of-type() 00:01:51
    • :not() 00:02:32
  • Sélection par pseudo-éléments
    • ::first-line 00:02:02
    • ::first-letter 00:02:06
    • ::before et ::after 00:08:46
  • Conclusion
    • Conclusion 00:00:28



Formateur : Steven Sil

Steven Sil a publié 36 tutoriels et obtenu une note moyenne de 4,6/5 sur 7 596 tutoriels vendus. Steven Sil est un formateur certifié tuto.com. Voir les autres formations de Steven Sil

5,0
note moyenne

5
avis laissés
5 étoiles
5
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de bluedevil laissé le 31/07/2016
    En quelques exemples tout les petits plus sont révélés Très bien expliqué, clair, net, précis, diction impeccable. Une petite requête, STP, pourrais-tu nous expliquer le fonctionnement de counter (pour la numérotation de chapitre) ? Encore merci pour tout le temps passé à partager.
    "Merci beaucoup ! :) Je tourne ça la semaine prochaine et je mets à jour la formation ;)"

  • 5
    avis de edspeedy laissé le 31/07/2016
    Bonjour. C'était très bien et dans l'ensemble, assez exhaustif. J'aurais aimé voir les sélecteurs + "exotiques" du genre : ':first-of-type/last-of-type', ':nth-last-child()', ':nth-last-of-type()', ':root' etc, avec quelques exemples et les sélecteurs pseudo-classes liées au champs de formulaire : ':read-only', ':required' etc. La pseudo-classe ':target' dont l'explication n'est pas tjs très claire. Quoiqu'il en soit, merci pour ce très bon tutoriel qui couvre, faut l'avouer, la grande majorité des besoins ! Ciao, David E. ;)
    "Merci pour votre retour, je prends note ! :)"

  • 5
    avis de khinnobi laissé le 26/02/2016
    Excellent tutoriel avec une présentation agréable et des explications claires :)

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    CSS 3
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
accédez à plus de 1560 tuto gratuits


non, je ne veux pas me former gratuitement