Please enable JavaScript.
Coggle requires JavaScript to display documents.
pseudo-classes CSS - Coggle Diagram
pseudo-classes CSS
: First-child
-
:star:CHECKED:La pseudo-classe :checked sélectionne les cases à cocher, les boutons radio et les options qui sont actuellement cochés ou choisis.
Exemple:
- <input type="checkbox" checked>
- <input type="radio" checked>
:star:DISABLED:La pseudo-classe :disabled sélectionne tous les éléments de formulaire désactivés, c’est-à-dire ceux que l’utilisateur ne peut pas utiliser.
Exemple:
<input type="text"placeholder="Désactivé"disabled>
:star:EMPTY:La pseudo-classe :empty sélectionne uniquement les éléments complètement vides, sans texte, sans espace et sans enfants.
Exemple:
<p> </p>
<p><br></p>
[LINK]; A pseudo-class that targets links that have NOT been visited yet(styles applied to a hyperlink before the user clicks it)
:root
s’applique à l’élément racine du document (en HTML c’est généralement html) et sert surtout à définir des variables CSS globales comme les couleurs ou tailles réutilisées partout dans le site.
:target
permet de changer le style de n’importe quel élément qui possède un id lorsqu’il devient la cible du lien (la partie après # dans l’URL), ce qui est pratique pour mettre en avant une section ou créer des onglets/FAQ sans JavaScript.
:valid
s’applique aux champs de formulaire dont la valeur est valide selon les règles HTML (par exemple un input type="email" avec required), et on l’utilise souvent pour afficher les champs corrects en vert, en complément de :invalid pour les erreurs.
-
[:nth-child:]
":nth-child" est un sélecteur CSS qui permet de cibler un élément spécifique dans une liste d’éléments en fonction de son ordre (1er, 2ᵉ, 3ᵉ, etc.).
: Nth last child
":nth-last-child(n)" est un sélecteur CSS qui permet de cibler un élément dans une liste en se basant sur son ordre à partir de la fin (dernier, avant-dernier, etc.).
: Nth last of type
":nth-last-of-type(n)" est un sélecteur CSS qui permet de cibler un élément en fonction de sa position parmi les éléments du même type, mais en comptant depuis la fin.
Nth of type (n
":nth-of-type(n)" est un sélecteur CSS qui permet de cibler un élément selon sa position parmi les éléments du même type, en comptant depuis le début (1er, 2ᵉ, 3ᵉ, etc.).
-
-
-
-
-
-
-
: focus
: focus est une pseudo-classe appliquée à un élément lorsqu’il est sélectionné, afin de lui appliquer un style ou un effet visuel en CSS.
: : first-letter
: : first-letter est un pseudo-élément qui cible la première lettre d’un texte pour lui appliquer un style particulier ou modifier son apparence.
: : first-line
: : first-line est un pseudo-élément qui cible la première ligne d’un paragraphe pour changer son style ou lui donner un effet visuel différent.
-
input:read-only
Est une pseudo-classe qui sélectionne les inputs non modifiables par l'utilisateur qui ont l'attribut "readonly".
-
:last-child
sélectionne le dernier élément enfant d’un parent, peu importe son type.
-
-
[HOVER]:It’s a pseudo-class that applies a style when the mouse is placed over an element.(style that appears when you place the cursor on the element.)
[VISITED]: A pseudo-class used to style links that the user has already clicked before(styles applied to a previously visited link)
[ACTIVE]: A pseudo-class that applies a style while an element is being clicked( the style shown during the moment you press (click) the element)
-
-