Estaba viendo de nuevo está clase y noté un pequeño error al hablar de :hover y :active como pseudoelementos, ya que ambas son pseudoclases junto con first-child, nth-chlid y last-child
Estaba viendo de nuevo está clase y noté un pequeño error al hablar de :hover y :active como pseudoelementos, ya que ambas son pseudoclases junto con first-child, nth-chlid y last-child
Hola,
Tienes toda la razón, y agradezco tu agudeza en notar este detalle ¿Puedes decir en cuál video y minuto sale este equívoco, por favor?
:hover y :active son, de hecho, pseudoclases, no pseudoelementos. Las pseudoclases, como :hover, :active, :first-child, :nth-child y :last-child, se utilizan para definir un estado especial del elemento seleccionado.
Por otro lado, los pseudoelementos, como ::before y ::after, se utilizan para estilizar ciertas partes de un elemento.
En el ejemplo que se proporciona en el ejercicio, se utilizan correctamente las pseudoclases :first-child, :nth-child y :last-child para seleccionar y estilizar los elementos de la lista.
Entonces, el código correcto sería:
.items:first-child{font-style: italic}
.items:nth-child(4){font-weight: bold}
.items:last-child{font-style: italic}
Este código selecciona el primer elemento de la lista y lo pone en cursiva, selecciona el cuarto elemento y lo pone en negrita, y selecciona el último elemento y también lo pone en cursiva.
Espero que esta explicación aclare la diferencia entre pseudoclases y pseudoelementos. Gracias por señalar este error, siempre es bueno aprender y corregir nuestros errores.
¡Saludos!
Hola Bruno, por supuesto!, estaba viendo el curso de HTML5 Y CSS3 parte 4, la clase 3: mejorando el CSS, en el video de pseudoclases