Quitar un estilo del contenido

Si desea eliminar un selector de clases, un estilo basado en Id. o un estilo en línea del contenido que usa dicho estilo, el panel de tareas Aplicar estilos permite quitar el estilo una sola vez o todas las veces que aparece en la página web actual. También puede usar la barra de herramientas Estilo para quitar una clase o un selector de Id. del contenido. Al quitar un estilo del contenido de una página web, se elimina sólo la referencia al estilo en la página web, no el estilo de la CSS interna o externa, por lo que puede continuar aplicando el mismo estilo a otro contenido.

Puesto que los selectores de elementos se aplican automáticamente a los elementos HTML asociados, no se pueden quitar los selectores de elementos de un contenido específico de una página web. El panel de tareas Aplicar estilos muestra los selectores de elementos bajo el encabezado Selectores contextuales y los marca con un punto azul . Si desea dejar de usar un selector de elementos en toda una página web, puede quitar el estilo de la CSS. Si desea dejar de usar sólo algunas instancias de un selector de elementos, pero no todas, puede diseñar una nueva clase o un nuevo selector de Id. que reemplace al selector de elementos.

Sugerencia:
Para ayudarle identificar los estilos que se están usando, en el panel de tareas Aplicar estilos se muestra un círculo alrededor del punto de color junto a los estilos usados en la página web actual. Si coloca el cursor en el contenido o lo selecciona, el panel de tareas Aplicar estilos muestra un borde sólido rectangular alrededor de cada uno de los estilos usados en el contenido.

Para quitar una sola aparición de un estilo de una página web

1. En la vista Diseño o Código de la página web, seleccione o coloque el cursor en el contenido del que desea eliminar el estilo.

2. Siga uno de estos procedimientos.

   • Para quitar un selector de clases, un selector de Id. o un estilo en línea, en el panel de tareas Aplicar estilos seleccione el estilo que desea quitar, haga clic en la flecha hacia abajo y, en función del tipo de selector (de clase, de Id. o en línea), seleccione Quitar clase, Quitar Id. o Quitar estilo en línea.

   • Para quitar un selector de clase o un selector de Id., en la barra de herramientas Estilo, en los cuadros Clase o Id. borre el nombre del estilo.

Para quitar todas las apariciones de un estilo de una página web

1. Con la página web abierta, realice una de las siguientes acciones.

   • En el panel de tareas Aplicar estilos, elija el estilo que desea eliminar, haga clic en la flecha hacia abajo y, a continuación, seleccione Seleccionar todas - n instancias.

   • En el panel de tareas Administrar estilos, haga clic con el botón secundario en el estilo que desea eliminar y haga clic en Seleccionar todas - n instancias en el menú contextual.

2. En el panel de tareas Aplicar estilos, vuelva a seleccionar el estilo, haga clic en la flecha hacia abajo y, en función del tipo de selector (de clase, Id. o en línea), seleccione Quitar clase, Quitar Id. o Quitar estilo en línea.

Para eliminar todos los selectores de clases y en línea de una selección

1. En la vista Diseño o Código de la página web, seleccione o coloque el cursor en el contenido del que desea eliminar los estilos.

2. En el panel de tareas Aplicar estilos, en Seleccione el estilo CSS que va a aplicar, haga clic en Borrar estilos.

   Sugerencia:
   Para quitar todos los estilos y el formato HTML de una selección, en el menú Formato, haga clic en Quitar formato.

Vea también

Conceptos

Eliminar estilos de hojas de estilos en cascada

Adjuntar o desasociar una hoja de estilos en cascada externa

Panel de tareas Aplicar estilos