什么是最佳 class CSS 组织标准?

What are best-in-class CSS organization standards?

我一直在寻求向最好的人学习并确保编码质量。

当谈到我的响应式设计中的 CSS 样式时,我的自定义 CSS 样式 sheet 可能会有点让人不知所措。不断按 ⌘ + F(Control + F)来定位我的 类。

我可以将我的 类 的部分拆分成多种样式 sheet(例如:media.css、typography.css 等...)但是我相信调用许多样式 sheet 可能会影响性能。

让您的 CSS 井井有条且易于管理的最佳做法是什么?

请记住,生产文件结构不一定需要与开发文件结构相同。

在开发中按逻辑拆分文件,并根据生产需要将它们组合在一起。文件的组织方式完全取决于您的项目。当然,这意味着您有某种部署管道可以在其中连接文件。这对于小型网站并不总是可行的。在服务器上运行时动态 glob 文件有一些奇怪的方法,但这会增加总请求时间的延迟。

这样做的一个重要优势是通用样式的可重用性。您可以拥有包含在多个样式表中的样式库。当您需要更改核心库时,您是在一个地方进行更改,而不是在多个地方进行更改。