當不同元素處於活動狀態時，在CSS中隱藏特定元素

-2

我不確定是否有任何方法可以執行此操作。當不同元素處於活動狀態時，在CSS中隱藏特定元素

我要把它放到我的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>

任何腳本或東西來達到？

問候

來源

2016-12-04 George Pennet

那麼這個「標籤」如何顯示或隱藏？用戶交互還是什麼？或者你的意思是這個標籤可以存在或不在網頁上？你應該真的用更多的信息來改善你的問題，也許只有CSS解決方案是可能的，這取決於你的意思和HTML標記 –

您可以使用jQuery檢查頁面上的元素，如果存在

隱藏實例

<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>

來源

2016-12-04 12:33:26 Anthony

使用'visible'選擇器怎麼樣？ – Ayan

當且僅當你想要一個CSS的解決方案是可能的顯示/隱藏出現或不出現標籤的後代。例如：

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

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

如果這不符合您的情況，那麼這是不可解的CSS，因爲在CSS設置非子代不同的標籤沒有可能。因此，您需要一個Javascript解決方案，可能需要一個庫，比如jQuery或AngularJS。別擔心，這是有據可查的，因此使用Google進行搜索可以減少您的問題。

來源

2016-12-04 12:54:19

當不同元素處於活動狀態時，在CSS中隱藏特定元素

回答

相關問題