When you have a list of items that are grouped with a "wrapper" then the items inside of the wrapper are called children. You can target the first-child, last-child, or the nth-child. Examples of these grouped items include bullet lists and items wrapped in a named div tag.
In the demonstration provided in the body below, you will learn how to select a child from a list. Remember you can select child elements not just in a bullet list but also in any other list of items wrapped in a container.
How many children do you have? It doesn't really matter! Don't let having small children keep you from learning to code! Get them their own tent and take them camping with you. Then you can practice writing code after they fall asleep!
In this example, an image is used for the background of a div container and then text is added to the inside of the box and positioned so that the text does not overlay the graphic of the computer monitors.
No matter how many children you have, you can select them as either your first-child, last-child or refer to them as an nth-child and put a number in parenthesis to note the order in which that child belongs in the list. Practice selecting items using the child selector method.