Codex

Astuces et codes à emporter.

Css

Sélecteur d'attributs.

1. Sélectionner tous les éléments commençants par

Sélectionner tous les éléments dont l'id commence par '...'
.*[id^='term-']{
    [css here]
}

Sélectionner tous les éléments dont la class commence par '...'
div[class^="term-"],
div[class*=" term-"] {

    [css here]
}

2. Sélecteur d'éléments en fonction du type

Sélecteur d'éléments de type '...'
div :first-of-type {
    [css here]
}

<div>
    <span>Voici le premier span !</span>
    <span>Un autre span, pas le premier.</span>
    <span>Quid de cet <em>élément imbriqué </em></span>
    <b>Un autre type d'élément.</b>
    <span>Ce type là est déjà apparu.</span>
</div>

3. Sélecteur d'éléments si focus

div:focus {
    [css here]
}

:Focus sur mozillaDevelopper

div:focus-within {
    [css here] // Si l'un des enfant prend le focus
}

:Focus-within sur mozillaDevelopper