Managing large CSS files

时间:2014-04-19 作者:Naz

我正在创建一个主题,但发现CSS文件太长,可以将CSS文件拆分为几个这样的类型吗。css按钮。css表。css或者这会降低性能并导致其他问题吗?或者有没有更好的方法来管理CSS文件。

2 个回复
SO网友:dipali

Single HUGE CSS file 维护非常困难。但如果将这些文件拆分为多个文件,则会导致额外的http请求,这可能会减慢速度。

根据我的说法。

如果您知道一旦构建了CSS,它将永远不会改变,请在开发阶段构建多个CSS文件(为了可读性),然后在上线之前手动组合它们(以减少http请求

SO网友:isNaN

这完全取决于你当前的关注点。如果用http请求加载css文件更容易管理。去争取吧如果这不是一份“合适的工作”,而你并不真正关心“最佳实践”,那么无论如何,这只是培训。

然而,当您获得完成一个站点而不仅仅是一个主题的“最佳实践”时,您只需要一个css文件,并且您很可能希望从功能中的任何插件中退出/注销css文件。php,并将相关代码也放入主主题样式表中。

如果你真的想创建一个更好的工作流,可以看看css Preparers。我本人对SASS有偏见:sass-lang.com 如果这超出了您的工作范围,您还可以在编写css文件时将其分成逻辑结构部分,从而使其更易于管理。

这样,您可以通过查找* print* all.

/* css */

/******************************
 * reset / normalize / opinionated */
 ******************************/

/*general css-rules for all sites first. box-model: border-box, normalize.css and html5boilerplate helper classes for starters */ 

/******************************
 * typgraphy
 ******************************/

/* site-specific h1, h2, p etc ... */

/*****************************
 * header
 *****************************/

/* banner, logo, menus, etc ... */

/*****************************
 * all pages
 *****************************/

/* stuff that goes in the middle on all pages */

/****************************** 
 * plurals, archive, search, blog
 ******************************/

/* stuff that goes into pages that show more than one post per page */

/*******************************
 * solo, singles, pages
 *******************************/

/* stuff that goes into .page and .single pages. one article per page */

/*******************************
 * front-page
 *******************************/

/* stuff for only the front page. */

/*******************************
 * widgets, sidebars, hero-units
 *******************************/

/* stuff in other places of the site. */

/*******************************
 * footer
 *******************************/

/* stuff that goes in the page footer, colophon / copyright etc */

/*******************************
 * print
 *******************************/

/* simple styles for printing */

结束

相关推荐

删除特定插件页面的所有CSS

我现在正在编写一个插件,在页面上挂上一个[标签]。从现在起,除了自定义css之外,其他一切都可以正常工作。我已经在一个开发站上用基本主题(我想是20-14)编写了我的插件。当我把我的插件放在真实的网站上时,这很难看,因为网站主题css没有处理。有一种方法可以重置或删除插件中的所有css。我这样问是因为如果有一天我想改变我的主题,我将不得不重写我的插件来处理更多的主题css。从现在起,我一直在努力尝试使用wp\\U注销器样式(“slug”)。add_action( \'wp_enqueue_scripts\