Style both parent and child element in css : <p>I have the following structure...</p>

<pre><code>&lt;a href="#" class="brand-logo"&gt;
    &lt;img src="../static/images/logo_wpc-sm.png" alt="WPC Logo" class="wpc-logo"/&gt;
&lt;/a&gt;
</code></pre>

<p>And I have the following css code...</p>

<pre><code>.brand-logo {
    height: 100%;
}
 .wpc-logo {
    height: 100%;
}
</code></pre>

<p>My question: It is a way I can style both in one css code?</p>
