Как использовать вложенный класс CSS (каскад) с модулями React CSS ⇐ CSS

[Anonymous]

Я видел много подобных вопросов, но, в конце концов, кажется, что моя проблема немного отличается ..
У меня есть проект React, в котором (по какой -то причине) я хочу два типа загрузки CSS:

некоторые глобальные (импортированный из main.tsx asmesset 'arsels/adsers/globle.css> worly. /> Некоторые обзорные знания (импортируется из компонента как стиль импорта из './style.module.css'sy ;,/code>))> /> авторские права < /strong> < /p>

Код: Выделить всё

.copyrights a { // as Link is rendered as a ``
text-decoration: none;
}

/*...*/
import style from './style.module.css';

export const CopyrightsComponent = () => {
return (



{COPYRIGHTS_TEXT}
{COPYRIGHTS_TERMS_OF_USE_HYPERLINK}
{COPYRIGHTS_PRIVACY_POLICIES_HYPERLINK}



);
};

export default CopyrightsComponent;
< /code>
Однако! При попытке гнездиться CSS, чтобы выбрать правильного ребенка (как конкретный IMG в определенном DIV), он не работает .. Я не понимаю, почему 
 foo [/b] 
.foo .bar1 a {
text-decoration: none;
}
.foo .bar2 a {
color: red;
}

/*...*/
import style from './style.module.css';

export const FooComponent = () => {
return (


bar 1

bar 2


);
};

export default FooComponent;

Спасибо за помощь ...

Подробнее здесь: https://stackoverflow.com/questions/707 ... ss-modules