如何让less编译后的css代码拥有“局部作用域”?

css代码的作用于是全局的。一般为了让css不污染全局(尤其在单页应用中),都会从className下手,让它只对某个某块有效,这就产生了“css的局部作用域”。

问题:公司项目用的less写样式,项目是基于react的单页应用,我想让less的作用域只针对某个react组件,不会对其他组件产生影响,我该怎么做?

CSS Modules

一个组件一个样式表文件 我是这样干的 到时候不需要这组件了就可以一起删了..

如果走browserify的话,我写了个插件less-modulesify

  • angular js 实现购物车功能,怎么在不同的页面之间更新数据?
  • 前端地址插件数据和后台地址数据对不上,这样应该怎么改?
  • requirejs及vue的使用
  • vue-validator 调用失败
  • vue中怎么使用v-for动态刷新页面?
  • ant-design的组件报错 getFieldDecorator不是function
  • 弹出框如何传值呢?
  • 怎么获取另一个方法里的ajax值?
  • V-FOR嵌套V-FOR 怎么取到外面那个的$index
  • 电商网站的购物车的价格统计是前端计算,还是后台计算?
  • node不利用框架怎么实现对静态HTML、css、js的服务?