異なる要素がアクティブなときにCSSの特定の要素を隠す

Question

これを行う方法がわかりません。

私は私のCSSにスタイルにこれを置く：

.prdctfltr_filter.prdctfltr_attributes.prdctfltr_cat.pf_attr_text.prdctfltr_multi.prdctfltr_adoptive.prdctfltr_merge_terms {display:none} 

をそして、それは作業だが、私は必要なのは、これが私のページ上に表示さ場合にのみ、それを隠すためにある - >

<label class=" prdctfltr_active prdctfltr_ft_girls"> 
    <input type="checkbox" value="girls" checked=""><span>Clothes for girls (3)</span> 
</label> 

どれをスクリプトやそれを達成するための何か？

よろしく

Answer 1

例

<script> 
$(document).ready(function(){ 
    if ($(.prdctfltr_ft_girls).length){ 

     $(".prdctfltr_filter.prdctfltr_attributes.prdctfltr_cat.pf_attr_text.prdctfltr_multi.prdctfltr_adoptive.prdctfltr_merge_terms").hide(); 

    } 
}); 
</script> 

Answer 2

存在する場合は、ページ上の要素をチェックして、それを隠すためにjqueryのを使用することができCSS液があれば可能であり、あなたがしたい場合にのみ、表示されるか表示されないタグの子孫を表示/非表示にします。例：これはあなたの状況と一致しない場合は非子孫異なるタグを設定するためのCSSの可能性がないので、

.my-inner-item { 
    /*Some styling*/ 
} 

.my-outer-item .my-inner-item { 
    display: none; 
} 

、これは、CSSで解決不可能です。その結果、jQueryやAngularJSのようなライブラリを必要とするJavascriptソリューションが必要になります。心配しないでください。これは十分に文書化されているので、グーグル・グーグルはあなたの問題を解決することはほとんどありません。