[分享]css中定义了两次字号

在CSS中定义字号是很常见的，但是如果你不小心定义了两次，会出现什么情况呢？我们先来看看下面这段CSS代码：p { fontsize: 16px; fontsize: 20px; } 这段代码中，我们...

在CSS中定义字号是很常见的，但是如果你不小心定义了两次，会出现什么情况呢？

我们先来看看下面这段CSS代码：

p {
  font-size: 16px;
  font-size: 20px;
} 

这段代码中，我们定义了两次字号，一次是16px，一次是20px。如果我们在HTML中使用这个样式，它会展示出什么呢？

<p>这是一段文字</p> 

实际上，这段文字所示的字号是20px。因为在CSS中，后定义的样式会覆盖先定义的样式。所以在这里，第二次定义的20px会覆盖掉第一次定义的16px。

那么，如果我们反过来定义呢？

p {
  font-size: 20px;
  font-size: 16px;
} 

这个时候，这段文字所示的字号就是16px，因为第一次定义的20px被第二次定义的16px覆盖了。

因此，在使用CSS时，一定要注意样式的顺序。如果有多个样式规则定义了同一个属性，最后一个样式规则会覆盖前面的规则。

总之，在CSS中定义字号和其他样式时一定要注意多次定义的情况，以免产生不必要的错误。