Ausbreitung des Coronavirus führt zu immer mehr Tafel-Schließungen
Um 1,6 Millionen bedürftige Tafel-Nutzer:innen jetzt nicht allein zu lassen, ruft Tafel Deutschland e.V. zu Solidarität und Unterstützung auf. Sie wollen helfen? Informationen finden Sie unter tafel.de.
Eine weitere Möglichkeit ist der Einkauf im CoronaCharityShop – alle Einnahmen gehen zu 100 % an die Tafeln. Herzlichen Dank für Ihre Unterstützung.
CSS/Selektoren/Pseudoklasse/strukturelle Pseudoklasse/first-child
Aus SELFHTML-Wiki
< CSS | Selektoren | Pseudoklasse | strukturelle Pseudoklasse
Mithilfe des Selektors :first-child ist es möglich, erste Kindelemente auszuwählen.
Beispiel
ansehen …
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS-Beispiel: Pseudoklasse first-child</title>
<style>
body { width: 30em; }
:first-child { border: 3px solid blue; }
</style>
</head>
<body>
<h1>Strukturelle Pseudoklassen</h1>
<h2>Kindselektoren</h2>
<p>Ein Absatz</p>
<p>Hier beginnt ein weiterer Absatz mit einer Liste,</p>
<ul>
<li>1. Listenelement</li>
<li>2. Listenelement</li>
<li>3. Listenelement</li>
</ul>
<p>welcher hier fortgesetzt werden muss, weil ein
Absatz keine Blockelemente enthalten darf.
</p>
</body>
</html>
In diesem Beispiel erhält die Überschrift erster Ordnung einen blauen Rahmen, weil sie das erste Kindelement des Elementes „body“ ist. Ebenso erhält das erste Listenelement einen blauen Rahmen, weil es das erste Kindelement der ungeordneten Liste ist.
Beachten Sie: Der Selektor
h2:first-child könnte hier kein Element selektieren, weil es keine Überschrift zweiter Ordnung gibt, die das erste Kind ihres Elternelements ist. Dafür wäre dann first-of-type zu verwenden.Siehe auch[Bearbeiten]
Weblinks[Bearbeiten]
- CSS3 structural pseudo-class selector tester (Lea Verou)
