The CSS nth-child structural pseudo-class selector ( X:nth-child() { } ) is used to target and style child elements according to their position in their specified parent element. Define the numeric value for position in between the parenthesis. I produced a video tutorial about using this selector to alternate styles if you want to know a bit more about it, click here to view that video.
Paragraph content...
Paragraph content...
Paragraph content...
Using numeric values with "n", "+" and "-" will allow you to set style logic for many selection methods. You can use the keywords of "odd" and "even" for alternating styles every other element as shown in the video tutorial that I linked to above.
| Row 1 content |
| Row 2 content |
| Row 3 content |
| Row 4 content |