V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yantianqi
V2EX  ›  程序员

react scss 文件中怎么实现全局样式

  •  
  •   yantianqi · 2018-10-24 09:02:21 +08:00 · 4104 次点击
    这是一个创建于 1982 天前的主题,其中的信息可能已经有所发展或是发生改变。

    css 中可以用:global
    scss 中怎么实现?

    第 1 条附言  ·  2018-10-24 14:27:27 +08:00

    react的scss中可以这样使用吗?比如选中标签高亮

    .foo {
        color: #ccc;
        &.active {
            background: #aaa;
        }
    }
    
    8 条回复    2018-10-24 10:47:39 +08:00
    ymyqwe
        1
    ymyqwe  
       2018-10-24 09:19:35 +08:00 via iPhone
    你放在 index.js ,不放在组件里不就实现了吗?
    maichael
        2
    maichael  
       2018-10-24 09:20:51 +08:00
    scss 本来就是全局的,你是用了 css-module 还是咋地。
    yantianqi
        3
    yantianqi  
    OP
       2018-10-24 09:23:22 +08:00
    @maichael
    用的 scss module
    maichael
        4
    maichael  
       2018-10-24 09:26:55 +08:00   ❤️ 1
    @yantianqi 那:global 应该也是适用的吧
    VDimos
        5
    VDimos  
       2018-10-24 09:37:53 +08:00 via Android
    scss 本来就是全局的呀,不是 vue 那种 scope 的,如果你要局部实现还得用其他诸如 css module 的方案实现
    Torpedo
        6
    Torpedo  
       2018-10-24 10:38:28 +08:00
    sass 也可以:global
    除此之外,也可以编辑 webpack 配置.比如让 global.sass 不用 css module
    ericls
        7
    ericls  
       2018-10-24 10:41:55 +08:00 via iPhone
    react 和 sass 有啥关系?
    adjusted
        8
    adjusted  
       2018-10-24 10:47:39 +08:00
    scss 会编译到 css, 所以 :global 同样适用,你还可以在 scss 里面用:global {}
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   964 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 20:24 · PVG 04:24 · LAX 13:24 · JFK 16:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.