物料
/* 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
样式不生效,style
为undefined
导入.module.less后缀文件
import './style.module.less'
body
样式生效,:global
样式生效
import style from './index.module.less'
body
样式生效,:global
样式生效,style
为空对象
注意
:global
是css modules
的语法,而不是less
的语法,所以如果没有开启css modules
,那:global
不生效是正常现象
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。