在主要浏览器已经支持 CSS Variables 的情况下，还有必要继续使用 SCSS / LESS 么？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 1915 天前的主题，其中的信息可能已经有所发展或是发生改变。

目前主要浏览器的支持情况：

https://caniuse.com/#feat=css-variables

浏览器

scss

Variables

CSS

15 条回复 • 2019-09-03 15:49:09 +08:00

mayx

2019-09-03 06:03:06 +08:00 via Android

那就看需不需要支持 IE8 了

Livid

MOD

2019-09-03 06:10:24 +08:00

@mayx 目前所有版本的 IE 浏览器的访问量加起来在 V2EX 占不到 1%。

mayx

2019-09-03 06:15:50 +08:00 via Android

@Livid emmmm 那就无所谓了，不过 V2EX 在老式浏览器还能用也是一个特色了

zqx

2019-09-03 06:21:03 +08:00 via Android

很多前端的最佳实践我觉得要分场景来看待，反正我不用 scss,less 这些冗余的东西，只用标准 css 语法，将来的趋势也是标准化，项目依赖更干净

starsriver

2019-09-03 07:49:57 +08:00 via Android

已经有这么多支持了，看来又能少写几行了

boos：这个项目要支持 ie7，别问为什么。

DOLLOR

2019-09-03 08:03:42 +08:00 via iPhone

CSS 支持嵌套语法了吗？

sunhk25

2019-09-03 08:11:04 +08:00 via Android

IE11 还不支持？

Livid

MOD

2019-09-03 08:14:31 +08:00

@sunhk25 任何非 Edge 版本的 IE 都不支持。

Mutoo

2019-09-03 08:27:52 +08:00

这两个东西没有可比性。
一是在编译阶段：
原生 css 不支持嵌套写法和 mixin 等非常省时的语法糖。
二是在运行时：
CSS Variables 是一个运行时的接口，供 js 交互使用。

我的选择是都要。

#No IE11

learnshare

2019-09-03 08:50:14 +08:00 via Android

两种技术并不是可以相互取代的，SASS/LESS 是为了提高开发速度和可维护性，CSS Variables 是为了运行时的动态赋值
两个全都要

maomaomao001

2019-09-03 10:24:33 +08:00

我觉得还缺少一个非常重要的功能，嵌套语法，或者更加好用的（而不是需要重复写一大堆 class 名的 BEM 规范）模块化的写样式方案，才有可能不用 sass，less 吧

AlphaTr

2019-09-03 10:43:14 +08:00

其实最看重的还是 sass/less 的嵌套语法

Torpedo

2019-09-03 13:42:06 +08:00

这就看你 sass 和 less 用的什么特性了。如果你用的都能被 Variables 代替，又没有兼容性要求，那根着规范总是好的。话说一般用 sass 和 less 的，反正是没见几个用了他们很多特性的

morethansean

2019-09-03 13:57:37 +08:00

通常情况下使用 sass 和 less 并不是要解决 variables 的问题……更多的是嵌套和一些 function.

Sapp

2019-09-03 15:49:09 +08:00

这是典型的后端思维，现在的前端其实浏览器支不支持语法都不重要了，反正你还不是要走 babel ？不可能因为这点支持了就不用 babel 了吧？既然都要走 babel，那支不支持又重要吗？捎把手就把 sass 配置了，当然选自己用着最顺手的来了，现在还有不少甚至都不写 scss，直接用行内 style 的方案