F07: Common List Selectors

Overview

Standard HTML ordered and bulleted lists are used extensively in IGP:FoundationXHTML (FX) for two main purposes.

Standard content lists. Here they are used with the HTML syntax only.

Named lists. Here they are used extensively from within a parent container context. See Named Lists and Named List selectors for more information.

HTML list elements are used without any class statements everywhere except in list-toc-rw where the ordered list list items have class statements.

ORDERED LISTS   

The standard FX templates handle ordered list nesting to five levels.   

ol

ol li

ol ol li

ol ol ol li

ol ol ol ol li

ol ol ol ol ol li

ol + p

p + ol

ol + div

div + ol

UNORDERED LISTS     

The standard FX templates handle unordered list nesting to five levels.

ul

ul li

ul ul li

ul ul ul li

ul ul ul ul li

ul ul ul ul ul li

ul + p

p + ul

ul + div

div + ul

STYLED LISTS    

.list-decimal-rw

.list-lower-alpha-rw

.list-upper-alpha-rw

.list-lower-roman-rw

.list-upper-roman-rw

.list-bullet-rw

.list-circle-rw

.list-square-rw

.list-icon1-rw

.list-icon2-rw

.list-icon3-rw

.list-icon4-rw

.list-icon5-rw

List Simple

List simple enables a list-like structure to be defined that does not use HTML list syntax. It is a stack of paragraphs in a <div> container with the selector applied.

.list-simple-rw

.list-simple-rw p

Definition Lists     

Definition lists used in a section follow the HTML tagging pattern without any selectors.

dl

dt

dd