Índice

Administrar los selectores

1. Añadir un nuevo selector

Veamos cómo añadir un nuevo selector CSS a la fuente interna de nuestro archivo HTML vacío de reglas CSS. El nuevo estilo se guardará en el archivo HTML.

En el panel Diseñador de CSS, pestaña Fuentes, añada una fuente definida en la página.

Seleccione la fuente <style>.

En la pestaña @Medios, seleccione GLOBAL (sin consulta).

En la pestaña Selectores, haga clic en el botón images/icplus.PNG, Añadir selector.

images/06OWT-48.png

Dé un nombre al selector y confirme pulsando [Intro].

Seleccione el nuevo selector, .pais en este ejemplo y aplíquele propiedades simples en la pestaña Selectores.

images/06OWT-49.png

Guarde el archivo.

2. Modificar un selector

Para modificar un selector, deberá seleccionar en primer lugar su contexto de creación, es decir, su fuente y su consulta multimedia y a continuación podrá seleccionar el selector que desea modificar.

En el ejemplo precedente, en el panel Diseñador de CSS, pestaña Fuentes, seleccione <style>.

En la pestaña @Medios, seleccione GLOBAL (sin consulta).

En la pestaña Selectores, seleccione .pais en este ejemplo.

Después, en la pestaña Propiedades, modifique las propiedades deseadas, de font-variant a small-caps en este ejemplo.

images/06OWT-50.png

El selector se modifica.

images/06OWT-51.PNG

Guarde los cambios.

Puede usarse un segundo método:

Seleccione en la página el elemento HTML cuya regla ...