我一直在研究 CSS 中的混合混合模式，这似乎是一个强大的属性！但是，我对这实际上是如何工作的感到非常困惑。我有不可预测的结果。以这个codepen为例：
https://codepen.io/KingKabir/pen/ONyPeg
正文的背景设置为深色，而其他所有部分的背景设置为白色。
body { background-color: #000 }
section:nth-of-type(even) { background-color: #FFF}
现在尝试将主体的背景颜色更改为白色，并注意菜单没有将其颜色更改为黑色。这里发生了什么？两个部分具有相同的背景颜色？
如果您将第一部分的背景颜色专门设置为白色，它会按预期工作。但如果第一部分没有背景颜色并且正文设置为白色，则不会。结果不应该一样吗？
我在我正在从事的项目中遇到了这个确切的问题，但我无法弄清楚发生了什么。编辑：我使用的是谷歌浏览器 83.0.4103.106
编辑：这是我的意思的图像
