Sử dụng công cụ chọn con, nếu bạn muốn chọn tất cả các phần tử con ngay lập tức của một phần tử được chỉ định.
div > p
Ví dụ
Bạn có thể thử chạy mã sau để triển khai Bộ chọn con CSS
<!DOCTYPE html>
<html>
<head>
<style>
div > p {
background-color: orange;
}
</style>
</head>
<body>
<div>
<p>Para 1 in the div.</p>
<!-- This is not a Child -->
<span><p>Para 2 in the div.</p></span>
</div>
<p>Para 3 outside the div.</p>
</body>
</html> Đầu ra
