‹ CSS

A > B

Selecciona B unicamente cuando es hijo directo de A, sin pasar por ningun elemento intermedio.

Vista previa

Codigo

ejemplo.html
<style>
  .lista > li { font-weight: 800; }
</style>
<ul class="lista">
  <li>Hijo directo, en negrita</li>
  <li>Otro hijo directo
    <ul><li>Nieto, no afectado</li></ul>
  </li>
</ul>