960-debug.css + 960-debug-rtl.css test – 24 columns
The letter "C" with a purple background.
Grid container
– on body:hover.
Purple shaded grid column.
Prefix/Suffix
– padded space converted to a border then colored for visibility.
Grid column with a dotted outline.
Grid within grids
– outline count matches embed depth on hover.
Purple dot.
Alpha/Omega
– left or right dot indicates cut margins.
See 12 & 16 column test.
See 12 column test.
See 16 column test.
See 24 column test.
Viewing other tests. –
See left to right.
Labels above the elements are generated with the
:before
pseudo element + generated content.
alpha/omega reversal due to .push/pull
2 levels deep!
3 levels deep!
4 levels deep!