Estoy usando React con CSS y, por alguna razón, mi CSS no aparece. Déjame demostrar.
Tengo mi "App.js" con este código:
import './App.css'; function App() { return( <div> <p className="wow">hhh</p> <p className="pow">hhh</p> </div> ); } export default App;Y tengo mi App.css con este código:
.wow { color: blue; }; .pow { color: red; };Cuando miro en mi navegador, solo funciona la primera clase y las letras son azules, pero no la segunda ni ninguna otra posterior. Si creo un nuevo componente e importo un documento CSS como lo hice en el anterior, sucederá lo mismo, la primera clase CSS funcionará y eso es todo después de que ninguna de las clases funcione.
¿Podría deberse al punto y coma final ; en tu CSS? Creo que eso es obsoleto, pero potencialmente estropearlo.
Creo que se debe al siguiente punto y coma después de su primera clase en App.css. CSS no admite puntos y comas después de los selectores.
.wow { color: blue; } .pow { color: red; }