css - 当我改变它们工作的顺序时，怎么会？

Question

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

虽然这很好，但我很困惑为什么！

谁能帮我？

这个有效

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

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

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

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

标签： csscolorsfont-size

Answer 1

看起来您在颜色上缺少分号：

p {
  color: red;
}

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

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

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

这应该对你有用，你是对的，样式应该向下级联。