Javascript 类选择器不能设置img标记的样式，而ID选择器可以设置相同图像的样式？

我试图用一个类选择器设计一个图像的样式，但它不起作用。当我使用ID选择器应用相同的样式时，效果很好

有人能检查一下我做错了什么吗？该类选择器无法设置img的样式：

import React from "react";
import "./styles.css";

export default function App() {
  return (
    <div className="Card">
      <img ClassName="poster" alt="xyz" src="images/song.jpg" />
      <div ClassName="audio-details">
        <p ClassName="audio-name"></p>
        <p ClassName="artist-name"></p>
      </div>
    </div>
  );
}

---

CSS文件连接正确，如果使用id选择器而不是类选择器，我可以为图像设置样式。

跳出的一件事是，您应该使用

className

而不是

className

（开始时小写'c'，大写'N'）。试试看它是否解决了你的问题。

跳出的一件事是你应该使用

className

而不是

className

（开头小写字母“c”，大写字母“N”）。试试看它是否解决了您的问题。

这是由于区分大小写的问题，对card div元素下的所有元素使用“className”而不是className。

这是由于区分大小写的问题，对card div元素下的所有元素使用“className”而不是className

.App {
  font-family: sans-serif;
  text-align: center;
}

.Card {
  background-color: red;
}

.poster {
  height: 50px;
  width: 50px;
}