为什么我的项目中只有第一个 CSS 类有效，其余的则无效答案

【问题标题】：Why does only the first CSS class of my project working and not the rest为什么我的项目中只有第一个 CSS 类有效，其余的则无效
【发布时间】：2022-01-26 14:04:10
【问题描述】：

我正在使用带有 CSS 的 React，但由于某种原因，我的 CSS 没有显示出来。让我演示一下。

我有我的“App.js”和这段代码：

import './App.css';

function App() {
return(
    <div>
      <p className="wow">hhh</p>
      <p className="pow">hhh</p>
    </div>
  );
}
export default App;

我的 App.css 包含以下代码：

.wow {
  color: blue;
};

.pow {
  color: red;
};

当我在浏览器中查看时，只有第一个类在工作，字母是蓝色的，但不是第二个或之后的任何其他。如果我创建一个新组件并将 CSS 文档导入到它，就像我在前一个中所做的那样，同样的事情将会发生，第一个 CSS 类将起作用，而这一切都在没有类起作用之后。

【问题讨论】：

标签： javascript html css reactjs

【解决方案1】：

这可能是由于您的 CSS 中的尾随分号 ; 造成的吗？我认为这已经过时但可能会搞砸。

【讨论】：

你是个天才！

【解决方案2】：

我相信这是由于您在 App.css 中的第一堂课之后的以下分号。 CSS 不支持选择器后的分号。

.wow {
   color: blue;
}

.pow {
   color: red;
}

【讨论】：