css下面的样式会覆盖上面的

CSS是网页设计中非常重要的一部分，用来控制网页的样式和布局。在CSS中，样式的优先级是很重要的概念。当多个样式同时作用在同一元素上时，就会出现“覆盖”的问题。
一般来说，下面的样式会覆盖上面的样式。也就是说，如果一个元素同时有两个样式，那么最后一个样式会起作用，而前面的样式会被“覆盖”。
让我们来看一个例子。假设我们在CSS中定义了以下样式：

p {
    font-size: 16px;
    font-weight: bold;
    color: blue;
}

pre {
    font-size: 12px;
    color: red;
} 

其中，`p`和`pre`都是HTML中常用的标签，`p`表示段落，`pre`表示预格式化文本（常用于显示代码）。现在，如果我们在HTML中这样写：

<p>Hello world!</p>
<pre>Hello world!

那么这两个元素的样式就会按照上面的CSS规则进行渲染。可以看到，`p`的样式会覆盖`pre`的样式，因为`p`在CSS中的定义是在`pre`的定义之前的。
因此，最终输出的结果是这样的：

Hello world!
Hello world! 

其中，第一个“Hello world!”使用大号粗体蓝色字体，第二个“Hello world!”使用小号红色字体。这就是CSS中样式的优先级问题。
要解决这个问题，通常可以通过调整CSS中样式的顺序来改变元素的显示效果。也可以使用!important关键字来强制设置一个样式的优先级，例如：

p {
    font-size: 16px !important;
    font-weight: bold;
    color: blue;
} 

这样，无论其他样式如何声明，`font-size`属性都会被设置为16px。
总之，在CSS中，样式的优先级永远是一个需要注意的问题。合理设置样式的顺序，可以使网页显示效果更加准确和美观。