[分享]css两次设置样式加载哪一个

CSS是网站设计中不可或缺的一部分，它用于设置样式、布局和格式化网页内容。在CSS中，如果使用了两次设置样式的代码，那么哪一个会被加载呢？例如，我们先将h1标题设置为红色，再把它的颜色设置为蓝色： h...

CSS是网站设计中不可或缺的一部分，它用于设置样式、布局和格式化网页内容。在CSS中，如果使用了两次设置样式的代码，那么哪一个会被加载呢？

例如，我们先将h1标题设置为红色，再把它的颜色设置为蓝色：
h1 {
  color: red;
}
h1 {
  color: blue;
} 

这时候，h1标题的颜色就会变成蓝色，因为它是最后被加载的样式。如果我们把代码交换一下，就会发现颜色变成了红色。

相同选择器的样式代码，后加载的会覆盖之前加载的。但是，如果选择器不一样，那么两个样式都会被应用。例如：</p>

h1 {
  color: red;
}
h2 {
  color: blue;
} 

这时候，h1标题的颜色会变成红色，而h2的颜色则会是蓝色。

另外，如果在标签中使用了style属性，那么它的样式会优先于CSS文件中的样式。例如：

<h1 style="color: green;">这是一个标题</h1>
h1 {
  color: red;
} 

这时候，标题的颜色是绿色，因为它的样式优先级更高。

综上所述，CSS中最后加载的样式会覆盖之前加载的样式，但是如果选择器不一样，可以同时应用多个样式。如果标签中使用了style属性，则它的样式会优先于CSS文件中的样式。