A match occurs when an element is the direct child of some other element. A child selector is made up of two or more selectors separated by “>”.
<style>
body > div { background:#000}
</style>
<body>
<div> <-- This div will be affected
<div>
This one will not be affected because it is not the direct child of the body tag.
</div>
</div>
</body>