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

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 2935 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

Oct 24, 2018 via iPhone

你放在 index.js ，不放在组件里不就实现了吗？

maichael

Oct 24, 2018

scss 本来就是全局的，你是用了 css-module 还是咋地。

yantianqi

Oct 24, 2018

@maichael
用的 scss module

maichael

Oct 24, 2018

@yantianqi 那:global 应该也是适用的吧

VDimos

Oct 24, 2018 via Android

scss 本来就是全局的呀，不是 vue 那种 scope 的，如果你要局部实现还得用其他诸如 css module 的方案实现

Torpedo

Oct 24, 2018

sass 也可以:global
除此之外,也可以编辑 webpack 配置.比如让 global.sass 不用 css module

ericls

Oct 24, 2018 via iPhone

react 和 sass 有啥关系？

adjusted

Oct 24, 2018

scss 会编译到 css, 所以 :global 同样适用，你还可以在 scss 里面用:global {}