Question

HTML:

<div id="div_id"><div class="div_class"><p>test</p> </div>
    <div class="two"> <p>asd</p></div>    
</div>

CSS:

#div_id p {
  color:red;
  background-color: green;
  width: 100px;
}

.two p {
  // here reset all
}

Live example: http://jsfiddle.net/Wwh2C/1/

<p>asd</p> looks the same. How can I reset all in .two p? I must repeat color, background-color and width? I would like reset all without overwrite and without use of !important.

Answer 1

Demo

for some reason it didn’t like the leaving off of the #div_id in the css declaration, but adding it worked.

#div_id p {
  color:red;
  background-color: green;
  width: 100px;
}

#div_id .two p {
  color:inherit;
  background-color: inherit;
  width:auto;
}