Sử dụng CSS:first-child selector để tạo kiểu cho mọi phần tử
là phần tử con đầu tiên của phần tử cha của nó.
Ví dụ
Bạn có thể thử chạy mã sau để triển khai:bộ chọn con đầu tiên
<!DOCTYPE html>
<html>
<head>
<style>
p:first-child {
background-color: orange;
}
</style>
</head>
<body>
<h1>Heading</h1>
<p>This is demo text.</p>
<div>
<p>This is demo text, with the first child of its parent div.</p>
<p>This is demo text, but not the first child.</p>
</div>
</body>
</html>