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

问题描述

问 题

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

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

解决方案

CSS Modules

这篇关于前端 - 如何让less编译后的css代码拥有“局部作用域”？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！