Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
4
respuestas

Duda Pseudo-elementos

Hola Buenas tardes.

Tengo una duda de como integrar los pseudo-elementos en css en el ejemplo utilizado por el profesor se utiliza .items:before y se indica content: "★"

En este caso se copia tal cual el símbolo de la estrella desde unicode-table.com , pero realicé el intento con otro tipo de estrella que no es reconocido tal cual en VSC entonces solo aparece un cuadrado reemplazando el símbolo. Al intentar integrar este tipo de estrella hice 2 intentos, primero copiando tal cual el símbolo como el profesor & además intente copiando el código CSS \269D content: " \269D". De la segunda manera solamente tomo el código y lo antepuso a los items.

Mi duda es cómo se integraría con código un símbolo utilizando content.

Adjunto una imagen del símbolo de estrella que intente utilizar y no reconoció VSC (y tampoco Google Chrome)

Estrella unicode

¡Gracias de antemano!

4 respuestas

Hola Barbara, ejemplo en Css:

.items:before  {
content: "laimagen"
}
// donde dice la imagen va la estrella que hayas elegido.

de esta manera estaría bien aplicado a la clase items, espero hay servido la explicación, saludos

Hola Nestor, agradezco su respuesta y realice el intento pero al momento de copiar esa estrella en especifico no es reconocida en VSC, ni en el navegador.

¿Se podrá importar como un tipo de fuente?

Mi consulta mas que nada en el caso de que se presentará este problema en el futuro.

Hola Barbara, debes tener algún problema con la imagen de la estrella, te sugiero que intentes hacer lo mismo con otras imágenes hasta que aparezca en pantalla, yo o hice de la siguiente manera:

.items::before {
    content: "☆";
    margin: 5px;
}

intenta copiar y pegar este código y luego ves que sucede, espero puedas solucionarlo, saludos

Verifica que estes copiando correctamente. ⚝⚝⚝⚝⚝