Ejercicio paso a paso. Unidad 17. Utilizando pseudo-elementos y clases

Objetivo.

Practicar el uso de pseudo-elementos y pseudo-clases.

1 Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio.

2 Abre el sitio libreria.

3 Abre el archivo estilo_libreria.css.

4 Añade el siguiente estilo para que los enlaces dentro de una clase item que se encuentren en un bloque con id menu no muestren subrayado y sean de color negro.

Para el evento hover (cuando el ratón se encuentra sobre él) haremos que vuelva a aparecer el subrayado:

#menu .item a {

text-decoration: none;

color: black;

}

#menu .item a:hover {

text-decoration: underline;

color: black;

}

5 Añade el siguiente estilo para que la primera letra del contenido de una clase item en un bloque con id menu se muestre en negrita:

#menu .item:firstletter {

font-weight: bold;

}