微信小程序 真機調試警告：Some selectors are not allowed in component wxss

 

真機調試，打開調試模式，看到如下警告信息，查看后，發現wxss中有如下樣式

.a-view image {
  width: 50rpx;
  height: 50rpx;
  border-radius: 50%;
  overflow: hidden;
} 

 

組件樣式，規則如下：（查看更多：組件模板和樣式）

 

 

原因：image在組件中不能使用，需要給<image>標簽添加class="img"

wxss改為：

.a-view .img {
  width: 50rpx;
  height: 50rpx;
  border-radius: 50%;
  overflow: hidden;
}