/u/avatar/7ON5n5-emwn0WX)
react中如何实现局部css样式
最近在学习react的时候发现直接引入less有些时候组件样式会相互影响，造成覆盖！
react中有没有像vye那样设置scoped就能限制局部作用，搜索了好多，只发现了styleconponent(
/u/avatar/mQrLEd-oQB3Y9a){kind=small}
一切皆文件，所见即所得
局部 css，需要 shadow dom，类似小程序那样，但是这种做法不高效，介绍一个更好的做法给你，用 tailwindcss 原子化的方法去写样式，连 less、scss 都不需要，而且打包出来的样式体积相比用 less 、scss 减少 70%。
/u/avatar/8E8W7n-wDxbqQ6){kind=small}
你看下这个网站怎么做的，黑客说就是用这种方法，原子化样式看起来像技术倒退，但是确实接下来一段时间内 css 方案最好的做法，twitter、facebook 都切换到这种方式了，facebook 有个报告，体积减少 40% 还是，可以查一下，打包确实优化不少，而且没有那些局部样式、命名的问题/u/avatar/Bdj0WD-EPzzL00){kind=small}