类选择器无法设置 img 标签的样式，而 ID 选择器可以设置相同图像的样式？答案

【问题标题】：Class selector not able to style img tags whereas ID selector is able to style the same image?类选择器无法设置 img 标签的样式，而 ID 选择器可以设置相同图像的样式？
【发布时间】：2021-04-07 14:17:56
【问题描述】：

我试图用类选择器设置图像的样式，但它不起作用。当我使用 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：

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

.Card {
  background-color: red;
}

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

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

【问题讨论】：

标签： javascript css reactjs css-selectors

【解决方案1】：

这是由于区分大小写的问题，卡片 div 元素下的所有元素都使用 'className' 而不是 Classname。

【讨论】：

【解决方案2】：

跳出来的一件事是你应该使用className 而不是ClassName（小写'c'开头，大写'N'）。尝试一下，看看它是否能解决您的问题。

【讨论】：