Como remover todos os estilos CSS para um único DIV

Escrito por sue smith Google | Traduzido por paula mangia garcia terra
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como remover todos os estilos CSS para um único DIV
Os sites utilizam tanto HTML quanto CSS para determinar a aparência e estilo (Comstock/Comstock/Getty Images)

Fazer alterações nas declarações CSS ("Cascading Style Sheet", ou "folhas em estilo cascata") aplicadas ​​a um elemento HTML pode parecer uma tarefa complexa. No entanto, desde que abordado sistematicamente, é possível fazer as mudanças necessárias sem complicações. Uma única página web pode usar propriedades de estilo de várias fontes. Desta forma, sua tarefa inicial será descobrir de onde as declarações para o seu "div" estão vindo. Uma vez localizadas, é possível impedir que tenham um efeito sobre o elemento, alterando o código HTML ou CSS.

Nível de dificuldade:
Moderado

Outras pessoas estão lendo

Instruções

  1. 1

    Descubra onde o CSS da página de Web está armazenado. O código CSS pode aparecer em linha, o que significa que as declarações de estilo são listadas como parte da marcação de um elemento como na sintaxe do seguinte exemplo: <div style="color:#ff0000;">Conteúdo </div>

    Se esse código aparecer dentro de seu "div", será possível remover todo o atributo "style" com o seu valor. O código CSS pode aparecer dentro da seção "head" da página da seguinte forma: <style type="text/css"> body {background-color:#000000;} </style>

    O código CSS também pode aparecer em um ou mais arquivos CSS separados com links na seção "head" da página da seguinte forma: <link rel="stylesheet" type="text/css" href="pagestyles.css" />

    Se sua página possui o código CSS na seção "head" ou em arquivos separados, será necessário buscar por todo o código CSS para alterar o estilo para seu elemento "div".

  2. 2

    Verifique pelo código CSS referindo-se a elementos "div". O CSS pode ser aplicado a um tipo de elemento, como o seguinte: div { padding:5px; }

    Se o CSS no "head" da sua página ou arquivos separados têm o identificador "div" usado desta forma, o código dentro do bloco CSS estará afetando seu elemento. Para alterar o efeito sobre o seu "div", mas deixar que o código seja aplicado a outros elementos "div" no site, é possível mudar o "div" para um tipo de elemento diferente. Alternativamente, pode-se alterar o código CSS para ser aplicado apenas a elementos "div" com um atributo de classe em particular, adicionando este atributo a esses elementos "div" aos quais deseja que o CSS seja aplicado.

  3. 3

    Verifique pelo código CSS referindo-se à classe de seu elemento. Os elementos HTML têm atributos de classe conforme segue: <div conteúdo class="top">Top content</ div>

    Se o seu "div" tem um atributo de classe, veja o valor do atributo no seu código CSS. Ele pode aparecer em seu próprio atributo, conforme segue: .top { /CSS declarations/ }

    Alternativamente, ele pode parecer juntamente com o tipo de elemento, conforme segue: div.top { /CSS declarations/ }

    Se um deles aparecer, é possível impedir que as declarações apliquem-se ao seu elemento, alterando ou removendo seu atributo de classe. Remover o código CSS pode afetar outros elementos com a classe, não apenas o elemento que está sendo trabalhado.

  4. 4

    Verifique o código CSS referente ao ID de seu elemento. Seu elemento pode ter um atributo ID exclusivo, conforme segue: <div id="heading">Top content</div>

    Se o seu elemento possui um atributo ID, busque por ele dentro do CSS, procurando pela seguinte sintaxe:

    heading {

    /CSS declarations/ }

    Dentro de cada página, um valor de atributo ID deve aparecer apenas uma vez, pois o ID deve ser exclusivo. Alterar o valor do atributo ID deverá impedir que o código CSS afete o elemento "div". Ainda é possível, opcionalmente, alterar ou remover o código CSS, mas isto poderá afetar elementos com o mesmo ID em outras páginas em seu site, se utilizarem o mesmo código CSS.

  5. 5

    Procure por códigos CSS que afetam os elementos pai ou filho do seu "div". O código CSS para elementos pai terá uma reação em seu "div", então talvez seja necessário fazer alterações nesse código, embora elas possam afetar o resto do seu site. Os elementos dentro do seu "div" também podem ter código CSS adaptado. Verifique utilizando o mesmo método utilizado para o "div" em si, trabalhando com cada um dos elementos filho por vez.

Dicas & Advertências

  • As ferramentas do navegador, como o Firebug, podem ser úteis ao se alterar o código HTML e CSS.
  • As alterações em um site já existente podem ter consequências inesperadas. Por este motivo, é recomendado guardar cópias de todos os arquivos que planeja mudar.

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível