Css ：具有嵌套元素的第一个子级

我想了解为什么李：第一个孩子的目标是第一个李（孩子1）及其子女（孙子1.1、孙子1.2、孙子1.3），但关于其他李子女（孩子2和孩子3）的目标仅是第一个孩子（孙子2.1和孙子3.1）

HTML

---

如果添加

边框：1px纯红色它将显示答案

li:first-child {
  background: chartreuse;
  border: 1px solid red;
} 

在这里查看：
第一个
是第一个孩子。因此，它完全被背景色包围，当然还有它的所有子元素。这些都是1.x。在这个上下文中，确定孙子1.1、1.2、1.3继承了子1的风格是正确的吗？不完全正确。子元素1是用选择器选择的，因为它是ul和li的容器，所以其他元素看起来就像是具有相同bg颜色的元素。但是他们没有相同的css。我用一个链接更新了答案@现在我明白了。谢谢@JeanCarlos会介意将答案标记为有用。很高兴我能帮忙。
li:first-child {
  background: chartreuse;
} 

li:first-child {
  background: chartreuse;
  border: 1px solid red;
}