CSS Referenzhandbuch

CSS @Regel(RULES)

Komplettes CSS-Referenzhandbuch

CSS-Funktionen (Functions)CSS-Selektor大全

CSS3 :first-of-type Selektor

CSS Pseudo-Klasse :first-of-type bedeutet den ersten Element in einer Gruppe von Brüdern.

Vollständiges Referenzhandbuch für CSS-Selektoren

Online-Beispiel

Der ausgewählte p-Element ist das erste p-Element des Elternelements:

Beispiel

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">　
<title>Grund教程(oldtoolbag.com)</title>　
<style>　
/*　Wählen Sie den ersten出现的<p> im Elternelement, egal wo er in den Brüdern steht　*/
p:first-of-type　{
　　color: red;
}
</style>
</head>
<body>
<h1>Dies ist ein Titel</h1>
<p>Das ist der erste Absatz.</p>
<p>Das ist der zweite Absatz.</p>
<p>Das ist der dritte Absatz.</p>
<p>Das ist der vierte Absatz.</p>
</body>
</html>

Testen Sie heraus ‹/›

Definition und Verwendung

:first-of-type Selektoren passen Elemente an, deren Eltern eine bestimmte Typ sind und der erste Kind sind.

Hinweis: und :nth-of-type(1) hat denselben Bedeutung.

Browserkompatibilität

Die Zahlen in der Tabelle geben die erste Browserversion an, die das Attribut unterstützt.

Selektor
:first-of-type	4.0	9.0	3.5	3.2	9.6

Vollständiges Referenzhandbuch für CSS-Selektoren

CSS-Funktionen (Functions)CSS-Selektor大全