Cómo quitar todos los estilos CSS para un DIV individual

Escrito por sue smith Google | Traducido por enrique pereira vivas
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo quitar todos los estilos CSS para un DIV individual
Los sitios web utilizan HTML y CSS para determinar la apariencia y estilo. (Comstock/Comstock/Getty Images)

Hacer cambios a las declaraciones CSS (Cascading Style Sheet) que se aplican a un elemento HTML puede parecer una tarea compleja. Sin embargo, siempre y cuando te acerques a éste sistemáticamente, deberías ser capaz de hacer los cambios que necesitas sin demasiado estrés. Una página web puede utilizar las propiedades de estilo de varios orígenes, por lo que tu primera tarea será encontrar la ubicación de donde están viniendo las declaraciones de tu "div". Una vez localizado, puedes detener el efecto de las declaraciones sobre el elemento mediante la alteración de cualquiera de los códigos, ya sea el HTML o CSS.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

  1. 1

    Averigua dónde se almacena el código CSS de la página web. El código CSS puede aparecer en línea, lo que significa que las declaraciones de estilo se enumeran como parte del marcado de un elemento, como en el ejemplo de la siguiente sintaxis: <div style="color:#FF0000;">Content</div>

    Si este código se encuentra en tu "div" puedes borrar todo el atributo "style" junto con su valor. El código CSS puede aparecer dentro de la sección principal de la página de la siguiente manera: <style type="text/css"> body {background-color:#000000;} </style>

    El código CSS también puede aparecer en uno o más archivos CSS separados con los enlaces en la sección de encabezado de la página de la siguiente manera: <link rel="stylesheet" type="text/css" href="pagestyles.css" />

    Si tu página tiene un código CSS en la cabecera o en archivos separados, tendrás que mirar todo el código CSS para modificar el estilo de tu elemento "div".

  2. 2

    Comprueba el código CSS que hace referencia a elementos "div". El CSS se puede aplicar a un tipo de elemento, como en el ejemplo siguiente: div { padding:5px; }

    Si el CSS en tu cabecera de la página o en archivos separados tiene el identificador "div" utilizado de esta manera, el código dentro del bloque de CSS estará afectando tu elemento. Para cambiar el efecto de tu "div", pero dejar el código para aplicar a otros elementos "div" en el sitio, puedes cambiar el "div" a un tipo de elemento diferente. Alternativamente, puedes modificar el código CSS para que se aplique sólo a los elementos "div" con un atributo de clase particular, añadiendo este atributo para los elementos "div" que deseas que el CSS se aplique.

  3. 3

    Comprueba el código CSS que hace referencia a la clase de elemento. Los elementos HTML pueden tener atributos de clase de la siguiente manera: <div class="top">Top content</div>

    Si tu "div" tiene un atributo de clase, busca el valor del atributo en tu código CSS. El valor del atributo puede aparecer por sí mismo de la siguiente manera: .top { /CSS declarations/ }

    Alternativamente, puede aparecer junto con el tipo de elemento de la siguiente manera: div.top { /CSS declarations/ }

    Si cualquiera de estos aparecen, puedes evitar que las declaraciones se apliquen a tu elemento cambiando o eliminando su atributo de clase. La extracción del código CSS puede afectar a otros elementos con la clase, no sólo el elemento que estás trabajando.

  4. 4

    Comprueba el código CSS que hace referencia a tu identificador de elemento. Tu elemento tiene el atributo identificador único de la siguiente manera: <div id="heading">Top content</div>

    Si tu elemento tiene un atributo ID, compruébalo en el CSS mediante la búsqueda de la siguiente sintaxis:

    heading {

    /CSS declarations/ }

    Dentro de cada página, un valor de atributo ID sólo debe aparecer una vez, ya que la ID está destinada a ser única. Cambiar el valor del atributo ID debería evitar que el código CSS afecte al elemento "div". Si lo deseas, puedes cambiar o quitar el código CSS, pero esto puede afectar a los elementos con el mismo ID en otras páginas en tu sitio si utilizan el mismo código CSS.

  5. 5

    Comprueba el código CSS que afecta a los elementos de matrices o secundarios de tu "div". El código CSS para elementos de matrices tendrán un golpe de efecto en tu "div" por lo que puede ser necesario que realices modificaciones en el código, aunque estos cambios pueden afectar el resto de tu sitio. Los elementos dentro de tu "div" también pueden haber adaptado el código CSS, así que comprueba esto utilizando el mismo método que utilizaste para el "div" en sí mismo, a través de los elementos secundarios en turno.

Consejos y advertencias

  • Las herramientas del navegador como Firebug pueden ser útiles cuando se altera el código HTML y CSS.
  • Los cambios en una página web existente pueden tener consecuencias no deseadas. Por esta razón es posible que desees guardar copias de todos los archivos que vayas cambiando.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles