49 - Selector de hijos




Problema:

Crear una lista ordenada "ol" con tres item. En uno de esos tres item definir en forma anidada otra lista pero no ordenada "ul". Crear dos reglas de estilo distintas para los item que descienden de la lista ordenada y los que descienden de la lista no ordenada.

<!DOCTYPE html>
<html>
<head>
<title>Problema</title>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<ol>
  <li>Opción.</li>    
  <li>Opción.</li>
  <li>
    <ul>
      <li>Opción a</li>
      <li>Opción b</li>
      <li>Opción c</li>
    </ul>
  </li>
</ol>
</body>
</html>
ol>li {
  color:#f00;
}

ul>li {
  color:#00f;
}
Ver solución


Retornar