Re: [请益] 不同分页.css file的处置?

楼主: content71 (罗莉饲养中...)   2015-06-29 16:15:51
分享一下我的做法,也想知道大家有没有更好的做法
※ 引述《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档呼叫
: 这边就麻烦大家提出业界或是个人习惯的用法了
: 如果有表达不清楚地方,也麻烦告知一声。
: 感谢~

Links booklink

Contact Us: admin [ a t ] ucptt.com