一、@layer 诞生的背景
先介绍下这个规则出现的背景。
我们在实际开发的时候,经常会使用第三方组件。
但是这些组件虽然功能是我们需要的,但是 UI 样式却和产品的风格不一致,我们需要对这些组件的 UI 进行重置,换个肤,变个色什么的。
如何重置呢?
很简单,使用优先级更高的选择器进行覆盖即可。
例如:
.container .some-button {
}
那我覆盖的时候,就再增加一点权重。
body .container .some-button {
}
就可以了!
这样的代码在项目中其实是屡见不鲜的。
然而,这样的代码又臭又长。
继续阅读
#张鑫旭
#zhangxinxu
#css
#layer