4
respostas

Inserir a estrela através do código

PEssoal, não quis copiar e colar a estrela. Então usei o código abaixo

Contudo ele mostoru &#9733 na página, e não o símbolo da estrela. O que está errado?

Abraços!

.itens:before { content: "&#9733"; }

4 respostas

Olá Caio, é mais comum usar Unicode direto no html ao inves do css.

Esse codigo é hexadecimal, o que ajuda o navegador a entender o ícone, experimente fazer isso dentro da tag que você quer colocar a estrela.

Mas no exercício foi inserido por css, usando a pseudoclasse before

Sim, perfeitamente, porém ele não coloca o código em sim, mas sim o icone colado, o codigo em hexadecimal, somente no html, no css o icone colado.

Exemplo:

CSS: body ::before{ content: "★"; }

HTML: <h1>&#9733</h1>

Olá Caio beleza? Dentro do elemento before você adiciona um atributo chamado content:. Dentro destre atributo, ele passará uma string se você colocar a formatação com aspas ( assim content: ""). Você pode copiar e colar a estrela dentro das aspas ou colar apenas o caractere em HEX no content

sua-classe-aqui::before{
    content: "\2605";
}