Html CSS子选择器（>）无法处理某些属性

当我尝试使用>，选择父元素的所有直接子元素时，它可以处理一些属性，如border和all，但不能处理字体属性，如颜色、字体重量等

我的HTML是

<ul>
  <li>Item 1</li>
  <li>
    <ol>
      <li>Subitem 2A</li>
      <li>Subitem 2B</li>
    </ol>
  </li>
</ul>

但是这里color:F00属性应用于所有li元素，但是我希望它只应用于ul的直接lis

案例2 CSS:

这个对我来说很好，边界只适用于直接的li child

我知道它可以通过使用其他类和所有类重写来解决。但是我想知道，为什么一些css属性会被继承，而另一些不会被继承。

试试这个

ul > li ol li {color:black;}

---

我想你可以在这里找到你需要的答案：

您应该能够使用

ul:first-child {

// css

}

希望这有帮助

试试这个

ul > li ol li {color:black;}

---

由于listing元素从其父元素继承了color属性，因此需要重写它

您可以在您的样式之前添加以下样式

li { 
    color: #000; 
}

ul>li { 
    color:#F00;
}

它会覆盖color:inherit值。

这是由于某些CSS属性的默认继承功能造成的。默认情况下，此类属性的值将传输给子级

---

这个来自W3C的文档给出了各种CSS属性中继承的详细列表

你说的直接lis是什么意思？ol的li子代继承了祖先lis的颜色，帮你自己一个忙，添加一些类！如前所述，颜色值被继承到内部lis，因此您必须使用下面的另一个规则手动覆盖它。检查W3中指定的颜色值由继承default@BoltClock这些答案是关于如何克服条件的，我已经知道了。但我要寻找的是这种现象背后的原因。

ul:first-child {

// css

}

ul > li ol li {color:black;}

li { 
    color: #000; 
}

ul>li { 
    color:#F00;
}