◀ ▶

D. El selector sel1 > sel2

Ejemplo

Salida

Ábrelo en otra pestaña.

Revísalo en gilpgedit.

<!DOCTYPE html>
<html lang="es">
<head>
 <meta charset="UTF-8">
 <meta name="viewport"
   content="width=device-width">
 <title>
  Selector sel1 &gt; sel2
 </title>
 <style>
  /* Selecciona todos los
   *  em
   * que sean hijos directos de
   *  p */
  p>em {
   background-color: yellow;
  }
 </style>
</head>
<body>
 <h1>
  Selector
  <em>sel1</em>
  <strong>&gt;</strong>
  <em>sel2</em>
 </h1>
 <p>
  <strong>
   Énfasis fuerte.
  </strong>
  <em>Énfasis.</em>
  Más texto.
  <span>
   <em>Otro énfasis.</em>
   <strong>
    Otro énfasis fuerte.
   </strong>
   <span>
    <em>Hola.</em>
    <strong>Adios.</strong>
   </span>
  </span>
 </p>
 <footer>
  <p>
   <em>© 2021</em>
   Gilberto Pacheco Gallegos.
  </p>
 </footer>
</body>
</html>