物料

/* style.css、style.less、style.module.less中的内容均如下所示 */
body {
    background: yellow;
}

:global {
    body {
        background: red;
    }
}

.title {
    color: red;
}

导入.css后缀文件

import './style.css'
body样式生效,:global样式不生效

import style from './style.css'
body样式生效,:global样式不生效,style为空对象

导入.less后缀文件

import './style.less'
body样式生效,:global样式不生效

import style from './style.less'
body样式生效,:global样式不生效,styleundefined

导入.module.less后缀文件

import './style.module.less'
body样式生效,:global样式生效

import style from './index.module.less'
body样式生效,:global样式生效,style为空对象

注意

:globalcss modules的语法,而不是less的语法,所以如果没有开启css modules,那:global不生效是正常现象


热饭班长
3.7k 声望434 粉丝

先去做,做出一坨狗屎,再改进。


引用和评论

0 条评论