はCSSクラスを隠そうとしたが、その後

Question

は、だから私はこのCSS持っているサブクラスを表示しようとしている：

.addthis_toolbox { 
display: none; 
} 

.title_offeringHope .addthis_toolbox { 
display: block; 
} 

そして、いくつかの理由で、クラス「title_offeringHope」ウォン」とのdivの下.addthis_toolboxをtを表示します。

これには理由がありますか？これをどうやって解決するのですか？ここで

はHTMLです：

<div class="h_lft_column"> 
<h2 class="title_OfferingHope"> 
<span>Offering Hope &amp; Real Help</span> 
</h2> 
<p>CONTENT</p> 
<div class="addthis_toolbox addthis_default_style " addthis:title="Offering Hope & Real Help " addthis:url="URL"> 
<a class="addthis_button_facebook_like at300b" fb:like:layout="button_count" title="Send to Facebook_like" href="#"> 
<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"> 
</a> 
<a class="addthis_button_tweet at300b" title="Tweet" href="#"> 
<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"> 
</a> 
<a class="addthis_counter addthis_pill_style" style="display: block;"> 
<a class="atc_s addthis_button_compact"> 
<a class="addthis_button_expanded" title="View more services" href="#"></a> 
</a> 
<div class="atclear"></div> 
</div> 
</div> 

Answer 1

はこれを試してみてください：

.h_lft_column .addthis_toolbox { 
    display: block; 
} 

"title_offeringHopeは、" あなたのHTMLの "title_offeringHope" の親ではありません。

Answer 2

クラス.title_offeringHopeのクラス.addthis_toolboxの要素がないため、その2番目のCSS宣言はnullで無視されます。

その手段は、クラスを持つ要素の内側に、クラス addthis_toolboxを持つ要素があるはずです何

.title_offeringHope .addthis_toolbox 

：あなたが提供するコード、あなたのCSSでこの行を参照する要素がないを見てみると

Answer 3

title_offeringHope。そのような要素は存在しません。

Answer 4

クラス名で大文字と小文字が区別されます。したがって、<h2 class="title_OfferingHope">は、CSS .title_offeringHopeと一致しません。

また、他の回答も参照してください。彼らはそこにあるかもしれない。

Answer 5

それはタイトルの後ではなく、その中だとして、div要素を指定するために+を必要title_offeringHope ;-)

.title_offeringHope + .addthis_toolbox 
{ 
display: block; 
}