多个CSS样式文件的link问题

在web项目的开发过程中,CSS样式无疑是页面设计中不可缺少的一环。然而当写了多个CSS文件以后,并且在同一个页面进行link引用。就会出一些问题。接下来就对问题及其解决方式做出说明。

调用样式的部分代码如下:


在本web开发中,此页面link了如下样式:





当以这种顺序来编写时,页面的样式结果如下:


多个CSS样式文件的link问题_第1张图片

很明显诸如字体、背景颜色等样式被下面两种CSS文件的样式所覆盖。

当把CSS文件link方式按照如下顺序排列:




这时样式的显示变得符合预期:


多个CSS样式文件的link问题_第2张图片

通过实验可知,对相同的标签,(本文中的)CSS样式的调用以排列到最后的结果为准。若要为同一个标签显示不同的样式,则需要自己设定标签的子类别,并分别编写其CSS样式,才能避免多个CSS文件调用时因样式覆盖而造成的样式混乱问题。


你可能感兴趣的:(HTML)