CSS в локальной области (дочерние компоненты) - PullRequest
Новая
       24

CSS в локальной области (дочерние компоненты)

0 голосов
/ 28 декабря 2018

Есть ли способ иметь 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.Есть ли способ сделать это, не добавляя что-то вроде className={style.myImage} к каждому компоненту img?

...