Currently, I am facing an issue while using React with CSS. It seems like my CSS styles are not being applied correctly. Let me illustrate the problem.
In my "App.js" file, I have the following code:
import './App.css';
function App() {
return(
<div>
<p className="wow">hhh</p>
<p className="pow">hhh</p>
</div>
);
}
export default App;
Furthermore, my App.css contains this snippet of code:
.wow {
color: blue;
};
.pow {
color: red;
};
Upon inspecting my webpage, I noticed that only the first CSS class (blue text) is working properly. None of the other classes seem to be applied. This behavior persists even if I create a new component and import a separate CSS file for it - only the initial style appears to work.