codeninjasuk/codeninjasuk.github.io
1
0
Fork 0
mirror of https://github.com/codeninjasuk/codeninjasuk.github.io.git synced 2024-11-29 10:45:42 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions
codeninjasuk.github.io/test/_posts/2009-05-15-edge-case-nested-and-mixed-lists.md
elvistony e37cd189cb Initial Push
2023-07-18 16:33:33 +01:00

1.2 KiB
Raw Blame History

title categories tags
Edge Case: Nested and Mixed Lists
Edge Case
content
css
edge case
lists
markup

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
  1. ordered item
  2. ordered item

Ordered -- Unordered -- Unordered

  1. ordered item
  2. ordered item
  • unordered
  • unordered
    • unordered item
    • unordered item
  1. ordered item
  2. 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

Task Lists

  • Finish my changes
  • Push my commits to GitHub
  • Open a pull request
    • Follow discussions
    • Push new commits