本地范围的CSS（子组件）

Question

是否有一种方法可以使本地范围内的CSS不需要在每个子组件中添加标签？

例如，使用css模块，我想做类似的事情：

import style from "./MyStyles.module.scss";

然后：

<div className={style.componentA}>
  <img src="A.jpg" />
  <img src="B.jpg" />
  <img src="C.jpg" />
</div>

MyStyles.module.scss如下所示：

.componentA {
    display: flex;
    flex-direction: column;

    img {
      width: 50px;
      height: 100px;
    }
}

虽然适用于.componentA，但样式并未传播到img组件。有没有一种方法可以不必在每个img组件中添加类似className={style.myImage}的内容？