在CSS中定义字号是很常见的,但是如果你不小心定义了两次,会出现什么情况呢?我们先来看看下面这段CSS代码:p { font-size: 16px; font-size: 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中定义字号和其他样式时一定要注意多次定义的情况,以免产生不必要的错误。
粉丝
0
关注
0
收藏
0