Edge Case: Nested And Mixed Lists

Edge Case: Nested And Mixed Lists

Nested and mixed lists are an interesting beast. It’s a corner case to make sure that

  • Lists within lists do not break the ordered list numbering order
  • Your list styles go deep enough.

Ordered – Unordered – Ordered

  1. ordered item
  2. ordered item
    • unordered
    • unordered
      1. ordered item
      2. ordered item
  3. ordered item
  4. ordered item

Ordered – Unordered – Unordered

  1. ordered item
  2. ordered item
    • unordered
    • unordered
      • unordered item
      • unordered item
  3. ordered item
  4. ordered item

Unordered – Ordered – Unordered

  • unordered item
  • unordered item
    1. ordered
    2. ordered
      • unordered item
      • unordered item
  • unordered item
  • unordered item

Unordered – Unordered – Ordered

  • unordered item
  • unordered item
    • unordered
    • unordered
      1. ordered item
      2. ordered item
  • unordered item
  • unordered item

TAGS:

.cata-page-title, .page-header-wrap {background-color: #e49497;}.cata-page-title, .cata-page-title .page-header-wrap {min-height: 250px; }.cata-page-title .page-header-wrap .pagetitle-contents .title-subtitle *, .cata-page-title .page-header-wrap .pagetitle-contents .cata-breadcrumbs, .cata-page-title .page-header-wrap .pagetitle-contents .cata-breadcrumbs *, .cata-page-title .cata-autofade-text .fading-texts-container { color:#FFFFFF !important; }.cata-page-title .page-header-wrap { background-image: url(https://www.vorstadtberliner.de/wp-content/uploads/2017/08/nathan-dumlao-576657-unsplash.jpg); }