CSS Combinator menjelaskan hubungan relasi antara beberapa selector.
div p (Descendant): Memilih semua elemen <p> di dalam <div> (anak, cucu, cicit).div > p (Child): Hanya memilih elemen <p> yang merupakan anak LANGSUNG dari <div>.div + p (Adjacent Sibling): Memilih elemen <p> yang terletak tepat setelah <div>.div ~ p (General Sibling): Memilih semua elemen <p> yang bersaudara setelah <div>.<!DOCTYPE html>
<html>
<head>
<style>
div > p {
background-color: #fef08a;
padding: 5px;
}
</style>
</head>
<body>
<div>
<p>Paragraf 1 di dalam div (Anak langsung: Terkena warna kuning).</p>
<section>
<p>Paragraf 2 di dalam section (Bukan anak langsung div: Tidak berwarna).</p>
</section>
</div>
</body>
</html>Combinator > sangat berguna untuk mencegah gaya bocor ke elemen-elemen yang bersarang lebih dalam.
Simbol combinator apa yang memilih hanya elemen anak langsung (direct child)?