类和ID组合器不适用于React项目

Question

我使用create-react-app创建了一个新的react项目，唯一的附加依赖项是materials-ui。我正在尝试将一些CSS应用于div，并且可以分别使用className和id来定位这些CSS，但不能使用.class＃id组合器。

我认为可能是其他CSS替代了我的样式，但是在我的浏览器中检查源代码甚至没有将它作为一种应用样式。

这是我的jsx代码，

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';

ReactDOM.render(
    <div id='column-wrapper'>
        <div className='column' id='0'>hello</div>
        <div className='column' id='1'>world</div>
        <div className='column'></div>
        <div id='test'></div>
    </div>, document.getElementById('root')
);

这是我的css，

.column#0 {
    background-color: green;
    content: "";
    width: 100px;
    height: 100px;
}