通过prop传递外部样式类的类名？

compa

// wxml
   <view class="my-class">compa</view>
// js
Component({
  externalClasses: ['my-class']
})

compb

// wxml
  <compa my-class="{{myClass}}"/>
// js
Component({
  properties: {
    myClass: {
      type: String
      }
    }
})

page

<compb my-class="red"/>
// wxss
.red {
  color: red;
}

问题：通过prop将自定义样式的类名传递给compa,在page层写样式，无法生效！请问这样做是否可行，如果不可行如何实现上述需求