3
respostas

Estilo CSS não carrega

O estilo css não está carregando, não está dando erro na página e os arquivos estão no mesmo diretório CardNota:

.card-nota{
    color: red;
}
import { React, Component } from "react";
import './estilo.css';

export class CardNota extends Component {
  render() {
    return (
      <section className="card-nota">
        <header>
          <h3>Título</h3>
        </header>

        <p>Escreva sua nota...</p>
      </section>
    );
  }
}
3 respostas

Eai Walace,

Tenta colocar assim export default class CardNota extends Component { }

Acho que era problema com o navegador, abrir novamente e funcionou normalmente

Opa, Então lembre-se sempre de checar se o caminho para o arquivo esta correto, de um CRTL+F5 para ter certeza que esta tudo certo, Teste se aplicando o estilo na tag pelo arquivo css funciona

section{
    color: red;
}

Se funcionar o erro deve ser em algum detalhe de nomenclatura que passou despercebido.