Discuz! X的CSS加載機(jī)制
首先，每個(gè)頁(yè)面都會(huì)加載以下兩個(gè)css，data/cache/style_1_common.css和data/cache/style_1_forum_index.css。
先講講這兩個(gè)文件名的命名規(guī)則：第一個(gè)是整站通用的css，所以命名為common.css，然后前面的代號(hào)是你使用了哪套風(fēng)格，所以style_1_common.css表示是第一套風(fēng)格的共用的css；第二個(gè)是表示forum的index頁(yè)面風(fēng)格，也就是論壇的首頁(yè)風(fēng)格。
下面講一下那兩個(gè)css是如何生成的。
首先，那兩個(gè)css是程序生成的css緩存，所以你要改css的話，不能直接改那兩個(gè)文件，否則一更新緩存，之前的改動(dòng)就無效了。大家可以看到template對(duì)應(yīng)的每套模板中，就拿自帶的default模板舉例吧，default模板中，帶有一個(gè)common的文件夾，里面有css文件，common.css對(duì)應(yīng)的就是生成緩存的style_1_common.css文件，style_1_forum_index.css對(duì)應(yīng)的是module.css。
common.css沒有什么特別之處，里面也有css的說明，跟普通的css差不多。
大家打開module.css，可以看到有這樣的說明，
/** group::index **/
/* 群組 index 模塊使用的CSS */
/** end **/
復(fù)制代碼
/** group::index **/開始到/** end **/結(jié)束，說明是group頻道的index模塊使用的CSS，也就是群組頻道對(duì)應(yīng)的首頁(yè)模板將使用的CSS。
再舉個(gè)例子，/** misc::invite,group,forum::viewthread **/開始到/** end **/結(jié)束，說明是misc頻道的invite模塊、group頻道的全部模塊和forum頻道的viewthread模塊使用的CSS。
ok，下面的大家可以參照這個(gè)學(xué)習(xí)一下，包括你想擴(kuò)展他，都可以直接在里面直接添加就可以。
下面講講緩存css是如何生成的，common.css比較簡(jiǎn)單，就是直接讀取，然后生成到data/cache目錄下。每個(gè)頻道模塊獨(dú)立的css，會(huì)先將module.css在data/cache下生成一個(gè)對(duì)應(yīng)的風(fēng)格id下的緩存的css，然后當(dāng)你訪問某個(gè)頻道時(shí)，會(huì)生成對(duì)應(yīng)頻道下的css，此時(shí)，剛才介紹的那些標(biāo)識(shí)就起作用了。程序會(huì)根據(jù)/** group::index **/和/** end **/這種標(biāo)識(shí)，拆分出哪些頻道、哪些模塊該需要哪些css。
程序部分就不介紹了，程序的代碼主要在source/class/class_template.php文件處理，有興趣的同學(xué)可以深入研究一下。
