DIFERENCIA ENTRE PSEUDOCLASE & PSEUDOELEMENTO

Si estas leyendo esto déjame felicitarte, eres de los que nunca paras de aprender 😃 hoy quiero que tengas muy claro la diferencia entre pseudoclases y pseudoelementos, esto es crucial a la hora de tu trabajar con css, porque recuerda css nos dará el estilo a nuestra pagina web es ese amigo divertido 😉

# ¿QUE ES UN PSEUDOCLASE?

Es aquello que define el estilo de un estado si queremos que nuestra barra de navegación tenga un estilo al momento de pasar el puntero eso se hace con pseudoclase…con eso podremos cambiar color, tamaño,color de fondo, etc.

¿Como utilizo las pseudoclase? es muy facil primero identifica a que parte de tu html quieres darle estilo, te dejo el ejemplo aca:

• Este es el estándar de la pseudoclase

selector:pseudoclase { propiedad: valor; } 

• Este es como seria en tu editor de código

a:hover {
  background-color: #000000;
}

# ¿QUE ES UN PSEUDOELEMENTO?

Es aquello que define o cambia una parte especifica de nuestro html

¿Como puedo añadir pseudoelementos? es muy facil sigue leyendo y te muestro.

• Aquí te explico el estándar

selector::pseudo-elemento { propiedad: valor; }

• Ahora te dejo un ejemplo

a::after{
  content: " | ";
}

Si seguiste leyendo y llegaste hasta aquí te quiero felicitar y agradecerte, por ultimo quiero dejar como conclusión que para poder diferenciarlas la pseudoclase tiene (😃 y el pseudoelemento tiene (:😃 😃