title: Trying to hide CSS class, but then trying to display a sub class
body: <p>So I've got this CSS:</p>
  
  <pre><code>.addthis_toolbox {
  display: none;
  }
  
  .title_offeringHope .addthis_toolbox {
  display: block;
  }
  </code></pre>
  
  <p>And for some reason, .addthis_toolbox under the div with the class "title_offeringHope" won't display.</p>
  
  <p>Is there a reason for this? How do I fix this?</p>
  
  <p>Here's the HTML:</p>
  
  <pre><code>&lt;div class="h_lft_column"&gt;
  &lt;h2 class="title_OfferingHope"&gt;
  &lt;span&gt;Offering Hope &amp;amp; Real Help&lt;/span&gt;
  &lt;/h2&gt;
  &lt;p&gt;CONTENT&lt;/p&gt;
  &lt;div class="addthis_toolbox addthis_default_style " addthis:title="Offering Hope &amp; Real Help " addthis:url="URL"&gt;
  &lt;a class="addthis_button_facebook_like at300b" fb:like:layout="button_count" title="Send to Facebook_like" href="#"&gt;
  &lt;fb:like class=" fb_edge_widget_with_comment fb_iframe_widget" href="URL" font="arial" width="90" action="like" show_faces="false" layout="button_count" ref=".T0znaEuo91k.like"&gt;
  &lt;/a&gt;
  &lt;a class="addthis_button_tweet at300b" title="Tweet" href="#"&gt;
  &lt;iframe class="twitter-share-button twitter-count-horizontal" scrolling="no" frameborder="0" allowtransparency="true" src="URL" style="width: 109px; height: 20px;" title="Twitter Tweet Button"&gt;
  &lt;/a&gt;
  &lt;a class="addthis_counter addthis_pill_style" style="display: block;"&gt;
  &lt;a class="atc_s addthis_button_compact"&gt;
  &lt;a class="addthis_button_expanded" title="View more services" href="#"&gt;&lt;/a&gt;
  &lt;/a&gt;
  &lt;div class="atclear"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>