[Resolvido] Como fazer elemento NÃO herdar atributos?

[Bruno Cobra 0]

Bom dia, galera.

 

Andei pesquisando na net e não encontrei nada sobre minha dúvida:

Preciso fazer com que um elemento não herde NENHUM dos atributos CSS aplicadas aos seus antecessores. Existe alguma solução para isso?

 

Obrigado desde já.

[Thiago Retondar 18]

Cara, eu não conheço nenhuma tecnica semântica bonita para isso. O uso do inherit é para herdar do pai, agora para não herdar, acho que só redefinindo mesmo.

 

Mostra aí o que você está fazendo para ver se eu tenho uma ideia melhor.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Fabio Jp 0]

Crie uma class ou id para o elemento que você nao quer herdar e zere os atributos que seriam herdados..

[Henrique Barcelos 290]

ID não daria certo, pois certamente ele irá querer resetar mais de um elemento... O correto seria criar uma classe reset, com os valores iniciais...

 

Mas observe que são poucos os atributos herdados. Fonte é um deles, agora, float, color, background, width, height, etc não são...

[Bruno Cobra 0]

Obrigado a todos pelas respostas.

 

O que acontece é que estou dando manutenção em um sistema desenvolvido por uma Software House e agora tive a necessidade de fazer uma adaptação em um módulo do sistema. Tenho um campo do banco de dados que retorna tags html, e essas tags têm de ser postas dentro de uma div no meio do conteúdo de uma página, o que ocorre através de vários includes.

Acabei descobrindo que os problemas que eu tinha com o CSS eram devidos a esse código do arquivo CSS principal (incluído em todas as páginas do sistema):

body,dd,dl,dt,form,img,ul,h1,h2,h4,p,fieldset {
    margin: 0;  
    padding: 0;
    border: none;
    list-style: none;       
}

O código é usado para melhorar a compatibilidade entre browsers. Para resolver o "problema", tive que "recriar" algumas tags, da seguinte forma:

div.reset * {
    font: inherit;
}

div.reset em,
div.reset em * { 
    font-style: italic;
}

div.reset p { 
    margin: 3px;
    padding: 3px;
}

div.reset strong,
div.reset strong * { 
    font-weight: bold;
}

div.reset ul {
    list-style: outside disc; 
    margin: 5px 20px; 
    padding: 5px 20px; 
}

Valeu a ajuda. Abraços

[Thiago Retondar 18]

Valeu por postar a solução. :D

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif