第一个CSS选择器无法按预期工作

Question

您好，我是网页设计的新手。当我尝试使用我的第一个CSS时，发生了一些非常奇怪的事情。外部样式表中的第一个选择器不起作用！例如：

p {
    color:red;
}
body {
    color:blue; 
}
section {
    background-color:black;
}

不会导致红色段落，但是当我更改选择器的顺序时，例如：

body {
    color:blue; 
}
p {
    color:red;
}
section {background-color:black;
}

同样的事情发生在车身颜色和段落颜色变成红色！ 你之前发生过这样的事吗？

Answer 1

可能是由于CSS规则body选择器必须位于其他选择器的顶部..... 但是，这是不可能的，我把任何选择器放在任何地方，但它的工作原理！ 但不要担心，如果它适用于您将body选择器保留在 top

Answer 2

顺序很重要，因为css，html，js是从上到下解析的 如果你把下一个CSS放在文件

中

p {
 color: blue;
}
p {
 color: red;

}

颜色将为红色，如果您需要永久设置某些内容，我的意思是它不会被CSS覆盖，请使用关键字！important

p {
  color: blue !important;
}