Codex

Astuces et codes à emporter.

Css

Sélecteur d'enfants.

1. Sélecteur d'enfants direct

1.1. Sélectionner le premier enfant suivant

div > span {
    [css here]
}

<div>
    <span>Something else<span>
    <span>Something else<span>
    <span>Something else<span>
</div>

1.2. Sélectionner le premier enfant d'un élément

div > span:first-child {
    [css here]
}

<div>
    <span>Something else<span>
    <span>Something else<span>
    <span>Something else<span>
</div>

1.3. Sélectionner le dernier enfant d'un élément

div > span:last-child {
    [css here]
}

<div>
    <span>Something else<span>
    <span>Something else<span>
    <span>Something else<span>
</div>

1.4. Sélectionner le n enfant d'un élément

div > span:nth-child(2) {
    [css here]
}

<div>
    <span>Something else<span>
    <span>Something else<span>
    <span>Something else<span>
</div>