Why is a second-child affected by my first-child color property?

Question

I was finishing up selectors and testing my knowledge and encountered a problem that makes no sense.

In theory, the code below should color all first children that

Answer 1

It happens because the color is inherited from the parent element, try to add this to your CSS to override it:

li {
    color:initial;
}