Instead of using a class or an id to change something, you can also use a pseudo-class.
In CSS you write the element, then a colon, then what you want to change. Lists are really good to use as pseudo-classes because all of the child elements are the same. Like so:
| li:first-child { font-weight: bold; } | This will change all of the 1st lines in all the lists to be bold. |
| li:last-child { font-style: italic; } | This will change all of the last lines in all lists to be italic. |
| li:nth-child(3) { color: red; } | This will change every 3rd item on all lists text red. You can also change the “3” to any number you want. It does not seem to change the color of <a href> text colors. |
| li:nth-child(odd) { background-color: gray; } | And also you can change it to (odd) or (even), to effect all of the odd or even texts. Great to use to style tables with alternating background colors. |