V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
yantianqi
V2EX  ›  程序员

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

  •  
  •   yantianqi · Oct 24, 2018 · 4540 views
    This topic created in 2742 days ago, the information mentioned may be changed or developed.

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

    Supplement 1  ·  Oct 24, 2018

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

    .foo {
        color: #ccc;
        &.active {
            background: #aaa;
        }
    }
    
    8 replies    2018-10-24 10:47:39 +08:00
    ymyqwe
        1
    ymyqwe  
       Oct 24, 2018 via iPhone
    你放在 index.js ,不放在组件里不就实现了吗?
    maichael
        2
    maichael  
       Oct 24, 2018
    scss 本来就是全局的,你是用了 css-module 还是咋地。
    yantianqi
        3
    yantianqi  
    OP
       Oct 24, 2018
    @maichael
    用的 scss module
    maichael
        4
    maichael  
       Oct 24, 2018   ❤️ 1
    @yantianqi 那:global 应该也是适用的吧
    VDimos
        5
    VDimos  
       Oct 24, 2018 via Android
    scss 本来就是全局的呀,不是 vue 那种 scope 的,如果你要局部实现还得用其他诸如 css module 的方案实现
    Torpedo
        6
    Torpedo  
       Oct 24, 2018
    sass 也可以:global
    除此之外,也可以编辑 webpack 配置.比如让 global.sass 不用 css module
    ericls
        7
    ericls  
       Oct 24, 2018 via iPhone
    react 和 sass 有啥关系?
    adjusted
        8
    adjusted  
       Oct 24, 2018
    scss 会编译到 css, 所以 :global 同样适用,你还可以在 scss 里面用:global {}
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3571 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 42ms · UTC 11:11 · PVG 19:11 · LAX 04:11 · JFK 07:11
    ♥ Do have faith in what you're doing.