Manuel de référence CSS

Règles CSS @

Complète liste des attributs CSS

Fonctions CSS Complète des sélecteurs CSS

CSS3 :last-de-Sélecteur type

:last-de-Le pseudo-classe CSS type représente l'élément de type donné dans la liste des éléments fils de l'élément parent (ou de l'élément parent). Lorsque le code est similaire à Parent tagName:last-de-L'aire d'application de type contient le dernier élément sélectionné dans tous les éléments fils de l'élément parent, y compris les éléments fils et ainsi de suite.

Manuel complet des sélecteurs CSS

Exemple en ligne

Définir la couleur de fond du dernier élément p parent :

Exemple

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>Formation de base (oldtoolbag.com)</title>/<title>　
<style>　
p　em:last-de-type　{
　　color: vert;
}
</<style>
</<head>
<body>
<p>
　　<em>Je n'ai pas de couleur :-(</em><br>
　　<strong>Je n'ai pas de couleur :-(</<strong><br>
　　<em>Je suis coloré :D</em><br>
　　<strong>Je n'ai pas de couleur :-(</<strong><br>
</p>
<p>
　　<em>Je n'ai pas de couleur :-(</em><br>
　　<span><em>Je suis coloré !</em></span><br>
　　<strong>Je n'ai pas de couleur :-(</<strong><br>
　　<em>Je suis coloré :D</em><br>
　　<span>
　　　　<em>Je suis dans un élément fils, mais je n'ai pas de couleur !</em><br>
　　　　<span style="text-decoration:line-through;"> Je n'ai pas de couleur </span><br>
　　　　<em>Je suis coloré !</em><br>
　　</span><br>
　　<strong>Je n'ai pas de couleur :-(</strong>
</p>
</body>
</html>

Voyons si ça marche ‹/›

Définition et utilisation

element:last-de-type　{　style　properties　}

:last-de-Le sélecteur type correspond à l'élément dont le parent est le dernier élément de type spécifique.

Avis: et :nth-last-de-type(1) signifie la même chose.

Compatibilité des navigateurs

Les nombres dans le tableau indiquent la version du premier navigateur supportant cette propriété.

Sélecteur
:last-de-type	4.0	9.0	3.5	3.2	9.6

Manuel complet des sélecteurs CSS

Fonctions CSS Complète des sélecteurs CSS