La pseudo classe CSS nth-of-type / Concept + Exercice
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO La pseudo classe CSS nth-of-type / Concept + Exercice

Carl Brison
2,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Plus on connaît de théorie et plus il est aisé de réaliser des sites web de plus en plus complexes.
C'est pour cela que je vous propose cette série de tutoriels où nous parlerons d'un sujet avec une vidéo de cours théorique et une vidéo d'application de la théorie.

Pour ce 11ème volet, nous allons étudier la pseudo-classe CSS :nth-of-type.
Grâce à cette pseudo-classe, nous allons pouvoir manipuler des éléments HTML frères. Celà signifie que nous allons pouvoir décider que tous les paragraphes pairs et telle couleur, ou bien tous les paragraphe impairs.
Nous pourrons également manipuler un paragraphe en particulier, par exemple le paragraphe numéro 3.
Bref, grâce à la connaissance de ce sélecteur CSS, vous allez pouvoir manipuler la mise en forme de votre code HTML, sans venir l'alourdir en utilisant par exemple des attributs classe.

Je mets les codes de l'exercice d'application à votre disposition.
Liste des autres tutos de cette collection :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Théorie
Leçon 2
Application

Plan détaillé du cours

Leçon 1Théorie
06m24s
Leçon 2Application
14m07s

Avis des apprenants

Détail des avis
6
Apprenants
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Valérie Arno
Valérie Arno
Publié le 07/09/2023
J'ai vaguement vu ce pseudo-élément mais ne savais pas vraiment l'utiliser. J'aurai tendance à plutôt utiliser :nth-child() et even/odd. Mais là j'ai appris une autre façon de faire peut-être meilleure. Merci Carl :-)
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil
Philippe Piatti
Philippe Piatti
Publié le 05/08/2023
Merci Carl 😊 Trop fort et trop bien comme toujours 😉
Carl Brison
Carl Brison
Merci beaucoup pour ton commentaire très gentil ;-)
Serge Delattre
Serge Delattre
Publié le 04/08/2023
Un tuto clair, simple, efficace...mais il va falloir que je révise la peudo-classe nth-child() car la différence est subtile!
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source de ce tuto.

Payer plus tard

Prix d'achat : 2,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1353 tutos gratuits

Notre politique de protection des données