Listas anidadas

Listas dentro de listas

Las listas anidadas permiten crear estructuras jerárquicas colocando una lista dentro de otra. Son útiles para organizar información con múltiples niveles de detalle.

check_circle

Permiten crear estructuras jerárquicas de información

check_circle

Pueden combinar diferentes tipos de listas (ordenadas y no ordenadas)

check_circle

Ideales para menús de navegación con submenús

category Tipos de anidación

ul → ul
Lista no ordenada dentro de otra lista no ordenada
ol → ol
Lista ordenada dentro de otra lista ordenada
ul → ol
Lista ordenada dentro de una lista no ordenada
ol → ul
Lista no ordenada dentro de una lista ordenada

visibility Ejemplo visual

  • Primer elemento
  • Segundo elemento
    • Primer subelemento del segundo elemento
    • Segundo subelemento del segundo elemento
    • Tercer subelemento del segundo elemento
  • Tercer elemento

Lista ordenada dentro de lista no ordenada:

  • Primer elemento
  • Segundo elemento
    1. Primer subelemento del segundo elemento
    2. Segundo subelemento del segundo elemento
    3. Tercer subelemento del segundo elemento
  • Tercer elemento

integration_instructions Ejemplo de código

<ul>
  <li>Primer elemento</li>
  <li>Segundo elemento
    <ul>
      <li>Primer subelemento</li>
      <li>Segundo subelemento</li>
    </ul>
  </li>
  <li>Tercer elemento</li>
</ul>