Heim >Web-Frontend >CSS-Tutorial >Verwenden Sie CSS, um jedes Element zu formatieren, das das zweite untergeordnete Element seines übergeordneten Elements ist
Verwenden Sie CSS, um jedes Element zu formatieren, das das zweite untergeordnete Element seines übergeordneten Elements ist
- WBOYnach vorne
- 2023-09-11 08:57:08738Durchsuche
Um jedes
-Element, das das zweite untergeordnete Element seines übergeordneten Elements ist, mit CSS zu formatieren, verwenden Sie den CSS-Selektor :nth-child(n).
Beispiel h2>
Sie können versuchen, den folgenden Code auszuführen, um Folgendes zu erreichen:nth-child(n) selector
Live-Demo
<!DOCTYPE html>
<html>
<head>
<style>
p:nth-child(4) {
background: orange;
color: white;
}
</style>
</head>
<body>
<p>This is demo text 1.</p>
<p>This is demo text 2.</p>
<p>This is demo text 3.</p>
<p>This is demo text 4.</p>
<p>This is demo text 5.</p>
<p>This is demo text 6.</p>
</body>
</html>Das obige ist der detaillierte Inhalt vonVerwenden Sie CSS, um jedes Element zu formatieren, das das zweite untergeordnete Element seines übergeordneten Elements ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：2D-Transformationen in CSS3Nächster Artikel：2D-Transformationen in CSS3