最近用nuxt
写网站,用的less
,因为是分组件的写法,将 css 都放到了 scoped 范围里,直接就写出来了,没有做复用和建模之类的工作。以致于一堆堆的 stylesheet 非常的凌乱和难以维护,因此想请问大家都怎么写 css 的,据我所知的有 BEM,OOCSS,SMACSS,MetaCSS。大家都选用什么方案呢?
![]() | 1 FEDT 2019-07-06 00:02:02 +08:00 via iPhone ![]() 你列举出来的我都没听说过... |
![]() | 2 tyrealgray 2019-07-06 00:02:52 +08:00 BEM |
![]() | 3 crs0910 2019-07-06 00:14:08 +08:00 via iPhone 有 scope 还需要你说的那些么? |
![]() | 4 hewelzei 2019-07-06 01:59:52 +08:00 via Android 用 css-in-js 方案,推荐 emotion,各个组件共享样式,非常方便,也解决了 css 与 js 联动的问题。 |
![]() | 6 zhuzhibin 2019-07-06 03:09:54 +08:00 via iPhone BEM |
![]() | 7 loading 2019-07-06 06:34:01 +08:00 via Android 楼主用这么多复杂技术,请问是多大的站,能发个地址我学习下吗? |
![]() | 8 liyang5945 2019-07-06 09:14:36 +08:00 sass+bem |
9 Seanfuck 2019-07-06 09:54:12 +08:00 via iPhone ![]() 用纯 css 吧,less 等那些包装后的东西难用至极 |
10 Seanfuck 2019-07-06 09:54:41 +08:00 via iPhone 用纯 css 吧,less 等那些包装后的东西难用 |
![]() | 11 xrr2016 2019-07-06 10:01:25 +08:00 via Android CSS 本来就比 Js 复杂啊 |
![]() | 12 1002xin 2019-07-06 16:32:21 +08:00 via iPhone 换个思维方式 |
![]() | 13 longjiahui OP @tyrealgray 感觉 BEM 挺丑了,后来我用了 oocss 这种风格,就像 bootstrap 那种 css 的写法 |
![]() | 14 longjiahui OP @loading 只是 希望能写出 容易维护的站,小站也能用,只是一些规范和思想 |
![]() | 15 longjiahui OP @Seanfuck 纯 css 我觉得挺麻烦的吖,用 less,scss 这类的写能预定义变量,函数,维护起来更容易吖,而且有很方便的写法,集成进脚手架也不麻烦,而且用了也是 css 的超集。 |
![]() | 16 longjiahui OP @xrr2016 我觉得 css 复杂度没有 js 高,但是比 js 难写好 就是这种感觉 |