物料

/* 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不失效是失常景象