在一个项目里，几个页面公用一个css文件好还是各个页面分别对应不同的css？

Question

在一个项目里，几个页面公用一个css文件好还是各个页面分别对应不同的css？
第一种情况只有1个css文件，第二种就有很多个css文件，哪种方式比较好呢，求解谢谢！

Answer 1

看项目复杂程度，简单的一个css就行了，功能模块多的，css就最好也模块化管理，这样会比较好，可以使用公用变量

Answer 2

楼上正解，
楼主所说多个css文件一般称为模块化， 相关get点可以自行百度，

先说说我目前的方式：

我开发中一般都是坚持模块化的

/css 
    .base.css
    .common.css
    .page.css   
/js
    .bse.js
    .common.js
    .page.js

各个模块各司其职

模块化

• 优点在于

  • 各模块相对独立、功能单一、结构清晰

  • 方便模块间组合、分解、扩展， 如果是组件， 还可以多次重用

  • 方便单个模块功能调试、升级

  • 多人协作互不干扰

  • 可以便于单元测试

• 缺点在于

  • 文件过于冗余

  • 不便管理

  • 每次获取资源都是一个http请求

综上整合

在简单项目中， 一般都是一个css文件

在复杂项目中， 一般都是多个css文件

如何判断项目复杂度：

• 交互越多越复杂

• 需要兼容IE浏览器

Answer 3

一个就够了，大项目也是只有一个css文件

Answer 4

这个并不是单选，而是多选，你可以建一个公共的css,然后每一个单独特有的再建一个css，这个是我的感觉最好的。

Answer 5

开发要分文件，要模块化。线上运行为了有效的利用缓存建议合并为一个文件