CSS Inheritance issue

Support for http://stackoverflow.com/questions/25093009/how-to-prevent-css-inheritance-where-child-selectors-fail

by FredGandt

HTML

<div class="magic">
    <dl>
        <dt>Foo</dt>
        <dd class="whatever">Bar
            <ul>
                <li>Baz</li>
            </ul>
        </dd>
    </dl>
</div>

CSS

div.magic dd.whatever {
    text-indent: 2em;
}