Created
June 14, 2017 02:44
-
-
Save thoward/07017c6d83961e0c4d41d4af8bb29531 to your computer and use it in GitHub Desktop.
Nested Lists CSS: Correct behavior for nested lists at all levels, up to 6 deep. ULs alternate from disc/square. OLs: decimal, upper-alpha, lower-roman, lower-alpha, upper-roman
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* 1st level */ | |
| ul li { | |
| list-style-type: disc; | |
| } | |
| ol li { | |
| list-style-type: decimal; | |
| } | |
| /* 2nd level */ | |
| ul li ul li { | |
| list-style-type: square; | |
| } | |
| ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ol li { | |
| list-style-type: upper-alpha; | |
| } | |
| /* 3rd level */ | |
| ul li ul li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ul li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ol li ol li { | |
| list-style-type: upper-alpha; | |
| } | |
| ol li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ol li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ol li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ol li ol li { | |
| list-style-type: lower-roman; | |
| } | |
| /* 4th level */ | |
| ul li ul li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ul li ul li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ul li ul li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ul li ol li ol li { | |
| list-style-type: upper-alpha; | |
| } | |
| ul li ol li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ul li ol li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ul li ol li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ol li ol li ol li { | |
| list-style-type: lower-roman; | |
| } | |
| ol li ul li ul li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ul li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ol li ul li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ul li ol li ol li { | |
| list-style-type: upper-alpha; | |
| } | |
| ol li ol li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ol li ol li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ol li ol li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ol li ol li ol li { | |
| list-style-type: lower-alpha; | |
| } | |
| /* 5th level */ | |
| ul li ul li ul li ul li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ul li ul li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ul li ul li ul li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ul li ul li ol li ol li { | |
| list-style-type: upper-alpha; | |
| } | |
| ul li ul li ol li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ul li ul li ol li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ul li ul li ol li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ul li ol li ol li ol li { | |
| list-style-type: lower-romain; | |
| } | |
| ul li ol li ul li ul li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ol li ul li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ul li ol li ul li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ol li ul li ol li ol li { | |
| list-style-type: upper-alpha; | |
| } | |
| ul li ol li ol li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ul li ol li ol li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ul li ol li ol li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ol li ol li ol li ol li { | |
| list-style-type: lower-alpha; | |
| } | |
| ol li ul li ul li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ol li ul li ul li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ol li ul li ul li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ul li ul li ol li ol li { | |
| list-style-type: upper-alpha; | |
| } | |
| ol li ul li ol li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ol li ul li ol li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ol li ul li ol li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ul li ol li ol li ol li { | |
| list-style-type: lower-roman; | |
| } | |
| ol li ol li ul li ul li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ol li ul li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ol li ol li ul li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ol li ul li ol li ol li { | |
| list-style-type: upper-alpha; | |
| } | |
| ol li ol li ol li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ol li ol li ol li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ol li ol li ol li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ol li ol li ol li ol li { | |
| list-style-type: upper-roman; | |
| } | |
| /* 6th level */ | |
| ul li ul li ul li ul li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ul li ul li ul li ul li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ul li ul li ul li ul li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ul li ul li ul li ol li ol li { | |
| list-style-type: upper-alpha; | |
| } | |
| ul li ul li ul li ol li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ul li ul li ul li ol li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ul li ul li ul li ol li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ul li ul li ol li ol li ol li { | |
| list-style-type: lower-roman; | |
| } | |
| ul li ul li ol li ul li ul li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ul li ol li ul li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ul li ul li ol li ul li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ul li ol li ul li ol li ol li { | |
| list-style-type: upper-alpha; | |
| } | |
| ul li ul li ol li ol li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ul li ul li ol li ol li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ul li ul li ol li ol li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ul li ol li ol li ol li ol li { | |
| list-style-type: lower-alpha; | |
| } | |
| ul li ol li ul li ul li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ul li ol li ul li ul li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ul li ol li ul li ul li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ol li ul li ul li ol li ol li { | |
| list-style-type: upper-alpha; | |
| } | |
| ul li ol li ul li ol li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ul li ol li ul li ol li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ul li ol li ul li ol li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ol li ul li ol li ol li ol li { | |
| list-style-type: lower-roman; | |
| } | |
| ul li ol li ol li ul li ul li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ol li ol li ul li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ul li ol li ol li ul li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ol li ol li ul li ol li ol li { | |
| list-style-type: upper-alpha; | |
| } | |
| ul li ol li ol li ol li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ul li ol li ol li ol li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ul li ol li ol li ol li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ul li ol li ol li ol li ol li ol li { | |
| list-style-type: upper-roman; | |
| } | |
| ol li ul li ul li ul li ul li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ul li ul li ul li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ol li ul li ul li ul li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ul li ul li ul li ol li ol li { | |
| list-style-type: upper-alpha; | |
| } | |
| ol li ul li ul li ol li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ol li ul li ul li ol li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ol li ul li ul li ol li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ul li ul li ol li ol li ol li { | |
| list-style-type: lower-roman; | |
| } | |
| ol li ul li ol li ul li ul li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ul li ol li ul li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ol li ul li ol li ul li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ul li ol li ul li ol li ol li { | |
| list-style-type: upper-alpha; | |
| } | |
| ol li ul li ol li ol li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ol li ul li ol li ol li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ol li ul li ol li ol li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ul li ol li ol li ol li ol li { | |
| list-style-type: lower-alpha; | |
| } | |
| ol li ol li ul li ul li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ol li ol li ul li ul li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ol li ol li ul li ul li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ol li ul li ul li ol li ol li { | |
| list-style-type: upper-alpha; | |
| } | |
| ol li ol li ul li ol li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ol li ol li ul li ol li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ol li ol li ul li ol li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ol li ul li ol li ol li ol li { | |
| list-style-type: lower-roman; | |
| } | |
| ol li ol li ol li ul li ul li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ol li ol li ul li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ol li ol li ol li ul li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ol li ol li ul li ol li ol li { | |
| list-style-type: upper-alpha; | |
| } | |
| ol li ol li ol li ol li ul li ul li { | |
| list-style-type: square; | |
| } | |
| ol li ol li ol li ol li ul li ol li { | |
| list-style-type: decimal; | |
| } | |
| ol li ol li ol li ol li ol li ul li { | |
| list-style-type: disc; | |
| } | |
| ol li ol li ol li ol li ol li ol li { | |
| list-style-type: decimal; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment