Как переопределить стили из другого файла CSS ⇐ CSS

[Anonymous]

У меня есть файл CSS (

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

main.css

) и я хотел бы переопределить его, используя другой файл CSS (

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

overrides.css

). Но у меня есть проблемы с этим, как и в разных файлах, и они получают разные хэши.

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

/* main.css */
.mainContainer {
padding: 16px;
margin: 16px;
background-color: palevioletred;
border-radius: 5px;
}

.mainContainer h1{
color: white;
}

/* overrides.css */
.mainContainer h1{
color: blue;
}
< /code>

Отсюда я использовал object.assign () < /code> для объединения файлов CSS, но это не помогло.  Это мой компонент: < /p>

import React from 'react';
import Main from './main.css';
import Overrides from './overrides.css';
const Style = Object.assign({}, Overrides, Main);

class Sample extends React.Component{
render(){
return (

Hello
Hello CSS modules!

);
}
}

export default Sample;
< /code>

Я ожидаю, что мой H1 < /code> станет синим, но это не так. Это мой скомпилированный CSS: < /p>

/* main.css */
._1pXpG {
padding: 16px;
margin: 16px;
background-color: palevioletred;
border-radius: 5px;
}
._1pXpG h1{
color: white;
}

/* overrides.css */
.Wmy0p h1{
color: blue;
}

Я ожидаю .wmy0p h1 быть ._1pxpg H1 , чтобы он мог переопределить. Но это не так. Обратите внимание, что если вы просто вставьте содержимое overdes.css в нижней части основных CSS, он будет работать, но мне нужно, чтобы мой файл переопределения CSS был в отдельном файле. < /p>

заранее спасибо < /p>

Подробнее здесь: https://stackoverflow.com/questions/509 ... r-css-file