当我改变它们工作的顺序时，怎么会这样？ [关闭]

Question

我对编码完全陌生，只是想找到自己的脚，在我正在学习的课程中遇到了挑战，我已经解决了，但我的解决方案是编写相同的 2 行代码，但在不同的顺序。

虽然这很好用，但我不知道为什么！

谁能帮帮我？

这个有效

他们 { 字体大小：20px； 白颜色 }

这种方式行不通，它完全忽略了我对颜色和字体大小的要求，并保留了我在代码前面部分设置的规则。

他们 { 白颜色 字体大小：20px； }

我希望这两种方式都可以工作，因为我的理解是 CSS 从上到下读取，这是代码的底部，所以没有什么可以否定这条规则。

Answer 1

您的颜色好像少了一个分号：

p {
  color: red;
}

em {
  font-size: 20px;
  color: black;
 }

em {
  color: blue;
  font-size: 20px;
 }

<p> Test <em>Word</em></p>

这应该对你有用，你说得对，样式应该向下级联。