当我改变它们的工作顺序时怎么办？
How come when I change the order of these they work?
我对编码完全陌生，只是想站稳脚跟，我在参加的课程中遇到了一个挑战，我已经解决了，但我的解决方案是编写相同的 2 行代码但顺序不同。
虽然这很好，但我很困惑为什么！
谁能帮帮我？
这个有效
em {
字体大小：20px；
color:white
}
这种方式行不通，它完全忽略了我对颜色和字体大小的要求，并保留了我在代码前面部分设置的规则。
em {
color:white
字体大小：20px；
}
我希望这两种方法都能工作，因为我的理解是 CSS 从上到下阅读，这是代码的底部，所以没有什么可以否定这条规则。
您的颜色好像少了一个分号：
p {
color: red;
}
em {
font-size: 20px;
color: black;
}
em {
color: blue;
font-size: 20px;
}
<p> Test <em>Word</em></p>
这应该适合您，样式应该向下层叠是对的。
我对编码完全陌生，只是想站稳脚跟，我在参加的课程中遇到了一个挑战，我已经解决了，但我的解决方案是编写相同的 2 行代码但顺序不同。
虽然这很好，但我很困惑为什么！
谁能帮帮我？
这个有效
em { 字体大小：20px； color:white }
这种方式行不通，它完全忽略了我对颜色和字体大小的要求，并保留了我在代码前面部分设置的规则。
em { color:white 字体大小：20px； }
我希望这两种方法都能工作，因为我的理解是 CSS 从上到下阅读，这是代码的底部，所以没有什么可以否定这条规则。
您的颜色好像少了一个分号：
p {
color: red;
}
em {
font-size: 20px;
color: black;
}
em {
color: blue;
font-size: 20px;
}
<p> Test <em>Word</em></p>
这应该适合您，样式应该向下层叠是对的。