Heim >Web-Frontend >CSS-Tutorial >Verwendung der :first-child-Pseudoklasse in CSS
Verwendung der :first-child-Pseudoklasse in CSS
- WBOYnach vorne
- 2023-09-05 10:49:021270Durchsuche
Verwenden Sie die Pseudoklasse :first-child, um spezielle Stile zu Elementen hinzuzufügen, die das erste untergeordnete Element anderer Elemente sind.
Beispiel
Sie können versuchen, den folgenden Code auszuführen, um die Verwendung von :first-child pseudo-class -
<html>
<head>
<style>
div > p:first-child
{
text-indent: 25px;
}
</style>
</head>
<body>
<div>
<p>First paragraph in div. This paragraph will be indented</p>
<p>Second paragraph in div. This paragraph will not be indented</p>
</div>
<p>But it will not match the paragraph in this HTML:</p>
<div>
<h3>Heading</h3>
<p>The first paragraph inside the div. This paragraph will not be effected.</p>
</div>
</body>
</html> zu verstehenDas obige ist der detaillierte Inhalt vonVerwendung der :first-child-Pseudoklasse in CSS. 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：Welche Eigenschaft wird verwendet, um das Hintergrundbild eines Elements mithilfe von CSS festzulegen?Nächster Artikel：Welche Eigenschaft wird verwendet, um das Hintergrundbild eines Elements mithilfe von CSS festzulegen?