Sử dụng công cụ chọn CSS:only-child để tạo kiểu cho mọi phần tử
là phần tử con duy nhất 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 chỉ con
<!DOCTYPE html>
<html>
<head>
<style>
p:only-child {
background: orange;
}
</style>
</head>
<body>
<h1>Heading</h1>
<div>
<p>This is a paragraph.</p>
</div>
<div>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
<p>This is a paragraph.</p>
</div>
</body>
</html> Đầu ra
