允许第三方皮肤，如何确保css是可以被覆盖的？

样式选择器层级（权重）尽量浅。

比如说导航样式：.navbar .navbar-nav .nav-link{} 和 .navbar .nav-link{}。前者就会比后者的权重多，第三方皮肤覆盖的时候也会要求地方皮肤的权重更高，这还是只三层。

当遇到 EleUI 的 <Tabs> 组件的时候就可能会遇到这样的情况：.el-tabs--border-card>.el-tabs__header .el-tabs__item+.el-tabs__item那么对于想要覆写样式的人来说就会很麻烦了，需要书写一堆多余的选择器。

所以尽量把样式选择器的深度设计比较短。这样就可以避免很多样式因为权重的问题没有办法覆写的情况了。早期写过一篇计算CSS权重的文章可以了解一下权重计算的方式 CSS 选择器权重和优先级