Como la mayoría de las reglas CSS son contextuales, sólo necesita aplicar una etiqueta span al marcador de posición de los datos de precio. También cambiará a cursiva la propiedad font-style de las etiquetas de párrafo de la etiqueta div.

1. Seleccione el marcador de posición de los datos del elemento price y aplique la clase price a los elementos seleccionados; para ello, seleccione Texto > Estilos CSS > price.
2. Coloque el cursor tras el marcador de posición de los datos de la descripción y, en el panel Estilos CSS, cambie al modo de vista Actual (Ventana > Estilos CSS).

3. En el panel Reglas, haga clic en el botón Mostrar reglas en cascada, . Seleccione #main p, si no está ya seleccionada. Debería estar al final de la lista.

   Nota: quizás debe ajustar los paneles en la pantalla para ver el contenido del panel Reglas. Por ejemplo, es posible que deba cerrar el panel Archivos y arrastrar el borde inferior del panel Reglas.

4. En el panel Propiedades, añada una propiedad font-style a la regla #main p; haga clic en el vínculo Añadir propiedad y escriba font-style. Haga clic en la celda situada a la derecha de la propiedad font-style y seleccione italic (cursiva) en el menú.

5. Seleccione Archivo > Guardar todo. Como acaba de modificar una hoja de estilos CSS externa, se guardará el cambio que acaba de realizar en la propiedad font-style de la regla #main p.

   

   Figura 17. Adición de una propiedad CSS en el panel Estilos CSS