分享一下我的做法，也想知道大家有沒有更好的做法
※ 引述《abloomer (地球防衛隊長)》之銘言：
: 大家好
: 出入前端的世界,所以有個疑問想請教大家一下：
: 在每個不同頁面的css file大家都是怎樣處理的呢？
我是用SASS或LESS，內容多的話會分數個檔，
可能是按照功能性，可能是按照分頁
最後產生一個compiled css
例如：
main.less
_a.less
_b.less
: 是都放同一個css檔案,還是會一個頁面連結一個不同
: 的css file呢？
同一個css，除非他是風格、特性迥異的頁面
: 假設是都用同一個css檔案,這樣會不會造成要下很多
: id來針相同tag但不同的需求去做變化？
基本上id能不用就不用，
我會用多層次的class，把新的style一層一層推上去或覆蓋
也可以用這方式推高優先性
例如：
.promotions .promotions_modal .promotions_modal__body {width: 100px}
: 又如果是各自使用不同的file的話,每個頁面的header
: 和footer或是其他重複的部分,是不是就要一直重複貼
: 在每個css file?
這就是為什麼會出現SASS/LESS/Compress了
假設有三個最終的index.less, sales.less, manage.less對應不同頁面
你可以編輯 _header.less 和 _footer.less
讓這兩個less分檔被那三個less檔呼叫
: 這邊就麻煩大家提出業界或是個人習慣的用法了
: 如果有表達不清楚地方,也麻煩告知一聲。
: 感謝~
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 124.66.148.242
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1435565754.A.9F3.html
※ 編輯: content71 (124.66.148.242), 06/29/2015 17:17:24