Sử dụng phần tử element> bộ chọn để chọn một phần tử có phần tử mẹ.
Bạn có thể thử chạy đoạn mã sau để chọn tất cả các phần tử
trong đó phần tử chính là phần tử
,
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
div > p {
color: white;
background-color: blue;
}
</style>
</head>
<body>
<h1>Demo Website</h1>
<h2>Fruits</h2>
<p>Fruits are good for health.</p>
<div>
<p>This is demo text.</p>
</div>
</body>
</html>