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