Skip to content

Instantly share code, notes, and snippets.

@thoward
Created June 14, 2017 02:44
Show Gist options
  • Save thoward/07017c6d83961e0c4d41d4af8bb29531 to your computer and use it in GitHub Desktop.
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
/* 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