CSS : sélecteurs utiles

Pseudo-éléments

Un pseudo-élément est un mot-clé ajouté à un sélecteur qui permet de mettre en forme certaines parties de l'élément ciblé par la règle.

Les plus utilisé :

  • ::before

  • ::after

Exemple

.default #tools .anc_yes .lbl::before {

display: block;

background: white;

width: 20px;

height: 20px;

content: ' ';

position: absolute;

transform: rotate(45deg);

bottom: -13px;

left: calc(50% - 10px);

box-shadow: 0 0 10px #262626;

}

sélecteurs spécifiques

  • Espace : tous les descendants

  • > : seulement les éléments fils

  • + : élément frère suivant

  • ~ : tous les éléments frère suivants

AccueilCSS : sélecteurs utiles