CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Apprendre les Sélecteurs d'Attributs en CSS

Apprendre les Sélecteurs d'Attributs en CSS

Le sélécteur d'attribut
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre CSS 3
Revoir le teaser Je m'abonne
4,5
Transcription
Cette leçon fait partie de la formation
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
Cette leçon fait partie de la formation
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Mise en Forme Précise avec les Attributs HTML

Objectifs

Les objectifs de cette vidéo sont de :

  • Comprendre l'utilisation des sélecteurs d'attributs en CSS.
  • Appliquer différentes techniques pour cibler des éléments HTML en fonction de leurs attributs.
  • Améliorer la précision et la personnalisation de la mise en forme CSS.

Résumé

Cette leçon vous enseigne comment utiliser les sélecteurs d'attributs en CSS pour styliser des éléments HTML en fonction de leurs attributs spécifiques.

Description

Dans cette leçon, nous explorerons les différents types de sélecteurs d'attributs disponibles en CSS pour personnaliser la mise en forme des éléments HTML en fonction de leurs attributs. Nous commencerons par un exemple simple en mettant en forme un élément avec un attribut de langue lang='en'. Ensuite, nous verrons comment cibler des éléments qui contiennent des mots spécifiques dans leurs attributs, comme title='publié'. Nous apprendrons également à cibler des éléments dont les attributs commencent ou finissent par des lettres spécifiques, comme title='li' ou title='da'. Chaque méthode sera illustrée par des exemples de code CSS et HTML pour une meilleure compréhension. Vous découvrirez comment ces techniques peuvent rendre votre développement web plus dynamique et précis.

Voir plus

Questions fréquentes

Quel est l'intérêt d'utiliser les sélecteurs d'attributs en CSS ?
Les sélecteurs d'attributs permettent de cibler précisément les éléments HTML en fonction de leurs attributs, offrant une personnalisation et une flexibilité accrues dans la mise en forme du contenu web.
Comment cible-t-on un attribut qui contient un certain mot ?
Pour cibler un attribut qui contient un certain mot, on utilise le tilde (~) en CSS. Par exemple, a[title~='publié'] ciblera tous les éléments a dont l'attribut title contient le mot 'publié'.
Quelle est la différence entre les sélecteurs d'attributs qui commencent par une valeur et ceux qui finissent par une valeur ?
Les sélecteurs qui commencent par une valeur utilisent le symbole accent circonflexe (^) tandis que ceux qui finissent par une valeur utilisent le symbole dollar ($). Par exemple, a[title^='li'] ciblera les éléments qui commencent par 'li' et a[title$='da'] ciblera ceux qui finissent par 'da'.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 1 an
La formation est divisée en 90 modules sans lien entre eux et sans progression pédagogique. Il faut les réorganiser par thème pour donner plus de cohérence et donner de la progression pédagogique à la formation. Multiples fautes d'orthographe dans les textes.
henridjithat
Il y a 2 ans
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 ans
J'en suis arrivé au bout.. Un vrai marathon. Très longue formation, à mon avis c'est plutôt 30h de cours et non pas 15h.
Après c'est une formation hyper claire et détaillée. L'auteur a fait un panorama complêt sur le CSS3.
g.vanleynseele
Il y a 4 ans
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !