HTML and CSS Reference
In-Depth Information
Figure 10-6. h
e default numbering of nested ordered lists can be confusing
To make the numbering easier to follow, use descendant selectors to set list-style-type like this:
ol ol {
list-style-type: lower-alpha;
ol ol ol {
list-style-type: lower-roman;
Th is produces the output shown in Figure 10-7 (see nested_ol_styled.html). Th e top-level ordered list takes
the default decimal value, so no style is needed. Th e rst descendant selector, ol ol , targets ordered lists nested
one level deep; and the second one, ol ol ol , targets ordered lists at the next level.
Figure 10-7. Changing the numbering of nested lists makes the sequences easier to follow
Search WWH ::

Custom Search