Sử dụng công cụ chọn CSS:only-of-type để tạo kiểu cho mọi phần tử
là phần tử
duy nhất của phần tử gốc của nó.
Ví dụ
Bạn có thể thử chạy mã sau để triển khai:bộ chọn loại chỉ:
<!DOCTYPE html>
<html>
<head>
<style>
p:only-of-type {
background: orange;
color: white;
}
</style>
</head>
<body>
<div>
<p>This is demo text 1.</p>
</div>
<div>
<p>This is demo text 2.</p>
<p>This is demo text 3.</p>
<p>This is demo text 4.</p>
</div>
</body>
</html>