English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
:last-von-type CSS Pseudo-Klasse stellt den letzten gegebenen Typ im Kind-Element-Liste des (Übergeordneten) Elternteils dar. Wenn der Code ähnlich ist Parent tagName:last-von-Die Wirkung von type umfasst den letzten ausgewählten Element im gesamten Kind-Element des übergeordneten Elements, einschließlich des letzten Kind-Elements der Kind-Elemente und so weiter.
Vollständiges Referenzhandbuch für CSS-Selektoren
Bestimmen Sie den Hintergrundfarbe des letzten p-Elements des übergeordneten Elements:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Grundlagen教程(oldtoolbag.com)</title>/<title>
<style>
p em:last-von-type {
color: grün;
}
</<style>
</<head>
<body>
<p>
<em>Ich habe keine Farbe :(</em>/<em><br>
<strong>Ich habe keine Farbe :(</strong>/<strong><br>
<em>Ich habe Farbe :D</em>/<em><br>
<strong>Ich habe keine Farbe :(</strong>/<strong><br>
</p>
<p>
<em>Ich habe keine Farbe :(</em>/<em><br>
<span><em>Ich habe Farbe !</em>/<em>/<span><br>
<strong>Ich habe keine Farbe :(</strong>/<strong><br>
<em>Ich habe Farbe :D</em>/<em><br>
<span>
<em>Ich bin im Kind-Element, aber habe keine Farbe !</em>/<em><br>
<span style="text-decoration:line-through;">Ich habe keine Farbe <//<span><br>
<em>Ich habe Farbe !</em>/<em><br>
</<span><br>
<strong>Ich habe keine Farbe :(</strong>/strong>
</p>
</body>
</html>Testen Sie es heraus ‹/›element:last-von-type { style properties }:last-von-type-Selektoren passen Elemente an, deren übergeordneter Elternteil der spezifische Typ des letzten Kindes ist.
Hinweis: und :nth-last-von-type(1) bedeutet dasselbe.
Die Zahlen in der Tabelle zeigen die erste Browser-Version an, die das Attribut unterstützt.
| Selektor | |||||
|---|---|---|---|---|---|
| :last-von-type | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |