Question

My Drupal theme generates:

<div class="field1">
  Field 1
</div>
<div class="field2">
  <h3>Field 2</h3>
</div>

The results is that Field 2 has another style.

How can I remove the effects of h3 using CSS?

Answer 1

Better way – remove h3 tag. But sometimes, when you need to reset all styles of parent element – use global attributes, like “font” for “font-size”, “font-style” and so on…
Warning of inheriting paddings, margins borders and background styles – this can be look ugly. For example, when your element has padding and border wiil duplicates for each element:)

.someclass * {
    font: inherit;
    color: inherit;

    /* optional reset */
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
}

http://jsfiddle.net/iegik/q72EM/