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

color is inherited from the parent element....in this case the li:first-child

So when you tell the li to be a red color this is inherited by all its children.

You have no rule to override this for the children so they are colored by inheritance/