scoped的一些坑
今天学习antdesign时遇到了一个bug,主要就是因为一个页面可能会有大量的组件的整合
其实真实项目中用到scoped的地方挺有限的,虽然在一些单组件页面中可以做到样式不影响其他组件,但是有组件整合的情况下就不一样了。因为仅限当前组件阻隔了其他整合进来的组件的样式,比如插槽组件之类的
其实不用担心样式之间会影响,使用less或者sass的嵌套结构可以很好地避免样式混乱了。
举个例子,a组件的css1,和b组件的css2可能会互相影响;此时给a最外边盒子一个css0属性,css0{ css1},这样的结构会去找css0下的css1就能单独吧css1隔离开了
css scoped的一些坑
最新推荐文章于 2024-04-16 17:10:04 发布