在主要浏览器已经支持 CSS Variables 的情况下,还有必要继续使用 SCSS / LESS 么? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Livid
183.99D
584.11D
V2EX    CSS

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

  •  
  •   Livid
    PRO
    2019-09-03 05:11:48 +08:00 6271 次点击
    这是一个创建于 2297 天前的主题,其中的信息可能已经有所发展或是发生改变。
    目前主要浏览器的支持情况:

    https://caniuse.com/#feat=css-variables
    15 条回复    2019-09-03 15:49:09 +08:00
    mayx
        1
    mayx  
       2019-09-03 06:03:06 +08:00 via Android
    那就看需不需要支持 IE8 了
    Livid
        2
    Livid  
    MOD
    OP
    PRO
       2019-09-03 06:10:24 +08:00
    @mayx 目前所有版本的 IE 浏览器的访问量加起来在 V2EX 占不到 1%。
    mayx
        3
    mayx  
       2019-09-03 06:15:50 +08:00 via Android
    @Livid emmmm 那就无所谓了,不过 V2EX 在老式浏览器还能用也是一个特色了
    zqx
        4
    zqx  
       2019-09-03 06:21:03 +08:00 via Android   1
    很多前端的最佳实践我觉得要分场景来看待,反正我不用 scss,less 这些冗余的东西,只用标准 css 语法,将来的趋势也是标准化,项目依赖更干净
    starsriver
        5
    starsriver  
       2019-09-03 07:49:57 +08:00 via Android
    已经有这么多支持了,看来又能少写几行了

    boos:这个项目要支持 ie7,别问为什么。
    AV1
        6
    AV1  
       2019-09-03 08:03:42 +08:00 via iPhone
    CSS 支持嵌套语法了吗?
    sunhk25
        7
    sunhk25  
       2019-09-03 08:11:04 +08:00 via Android
    IE11 还不支持?
    Livid
        8
    Livid  
    MOD
    OP
    PRO
       2019-09-03 08:14:31 +08:00
    @sunhk25 任何非 Edge 版本的 IE 都不支持。
    Mutoo
        9
    Mutoo  
       2019-09-03 08:27:52 +08:00
    这两个东西没有可比性。
    一是在编译阶段:
    原生 css 不支持嵌套写法和 mixin 等非常省时的语法糖。
    二是在运行时:
    CSS Variables 是一个运行时的接口,供 js 交互使用。

    我的选择是都要。

    #No IE11
    learnshare
        10
    learnshare  
       2019-09-03 08:50:14 +08:00 via Android
    两种技术并不是可以相互取代的,SASS/LESS 是为了提高开发速度和可维护性,CSS Variables 是为了运行时的动态赋值
    两个全都要
    maomaomao001
        11
    maomaomao001  
       2019-09-03 10:24:33 +08:00
    我觉得还缺少一个非常重要的功能, 嵌套语法,或者更加好用的 (而不是需要重复写一大堆 class 名的 BEM 规范)模块化的写样式方案,才有可能不用 sass,less 吧
    AlphaTr
        12
    AlphaTr  
       2019-09-03 10:43:14 +08:00
    其实最看重的还是 sass/less 的嵌套语法
    Torpedo
        13
    Torpedo  
       2019-09-03 13:42:06 +08:00
    这就看你 sass 和 less 用的什么特性了。如果你用的都能被 Variables 代替,又没有兼容性要求,那根着规范总是好的。话说一般用 sass 和 less 的,反正是没见几个用了他们很多特性的
    morethansean
        14
    morethansean  
       2019-09-03 13:57:37 +08:00
    通常情况下使用 sass 和 less 并不是要解决 variables 的问题……更多的是嵌套和一些 function.
    Sapp
        15
    Sapp  
       2019-09-03 15:49:09 +08:00
    这是典型的后端思维,现在的前端其实浏览器支不支持语法都不重要了,反正你还不是要走 babel ?不可能因为这点支持了就不用 babel 了吧?既然都要走 babel,那支不支持又重要吗?捎把手就把 sass 配置了,当然选自己用着最顺手的来了,现在还有不少甚至都不写 scss,直接用行内 style 的方案
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     922 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 22:20 PVG 06:20 LAX 14:20 JFK 17:20
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86