Fork me on GitHub

<!DOCTYPEhtml.net>
HTML5/CSS3 Demos + Experiments

nth-child (even|odd)

A first impression of what can be achieved using the nth-child(even) and nth-child(odd).

Example Column 1 Example Column 2 Example Column 3
Sample text row 1, column 1 Sample text row 1, column 2 Sample text row 1, column 3
Sample text row 2, column 1 Sample text row 2, column 2 Sample text row 2, column 3
Sample text row 3, column 1 Sample text row 3, column 2 Sample text row 3, column 3
Sample text row 4, column 1 Sample text row 4, column 2+3
Sample text row 5, column 1 Sample text row 5, column 2 Sample text row 5, column 3
Sample text row 6, column 1 Sample text row 6, column 2 Sample text row 6, column 3
Sample text row 7, column 1 Sample text row 7, column 2 Sample text row 7, column 3
Sample text row 8, column 1 Sample text row 8, column 2 Sample text row 8, column 3