Sử dụng: first-child lớp giả để thêm kiểu đặc biệt vào một phần tử là phần tử con đầu tiên của một số phần tử khác.
Ví dụ
Bạn có thể thử chạy đoạn mã sau để hiểu cách sử dụng:lớp giả con đầu tiên -
<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>