1. 提高选择器的特异性：通过增加选择器的复杂性或使用更具体的选择器来提高优先级。例如，使用类选择器组合或嵌套选择器。

   /* 组件内部样式 */
   .my-component .inner-element {
       color: red;
   }
   
   /* 外部样式类 */
   .external-class .my-component .inner-element {
       color: blue;
   }
   1
   2
   3
   4
   5
   6
   7
   8
   9
   1
   2
   3
   4
   5
   6
   7
   8
   9

2. 使用!important：在外部样式类中使用!important可以强制覆盖组件内部的样式。但应谨慎使用，因为过度使用!important会导致样式难以维护。

   /* 外部样式类 */
   .external-class {
       color: blue !important;
   }
   1
   2
   3
   4
   1
   2
   3
   4

3. 合理使用外部样式类：在组件设计时，预留足够的外部样式类接口，方便外部样式类覆盖内部样式。

// 组件定义
Component({
  externalClasses: ['my-class'],
  properties: {},
  data: {},
  methods: {}
});
1
2
3
4
5
6
7
1
2
3
4
5
6
7

<!-- 组件使用 -->
<my-component class="my-class"></my-component>
1
2
1
2

/* 外部样式 */
.my-class {
  color: blue;
}
1
2
3
4
1
2
3
4