为什么不在我的React项目中添加css样式？

我确实在我的 React 项目中创建了一个样式。像作为

样式.css：

.headingStyle {
  background-color: purple;
  text-align: center;

}

我的反应组件是：

import React from 'react'
import  '../cse_component/style.css'


export default function heardTitle() {
    return (
        <div>
            <h1 ClassName='headingStyle'>Todo List</h1>
        </div>
    )
}

但是为什么我无法更改项目中的任何内容？