Javascript 当不同元素处于活动状态时隐藏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>

女装（3）

有什么剧本或什么东西可以做到这一点吗

---

致以最诚挚的问候

您可以使用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>

$（文档）.ready（函数（）{
如果（$（.prdctfltr\u ft\u女孩）.长度）{
$（“.prdctfltr_filter.prdctfltr_attributes.prdctfltr_cat.pf_attr_text.prdctfltr_multi.prdctfltr_adoptive.prdctfltr_merge_terms”）.hide（）；
}
}); 

当且仅当您希望显示/隐藏出现或未出现的标记的后代时，才可以使用CSS解决方案。例如：

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

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

---

如果这与您的情况不匹配，那么CSS无法解决这一问题，因为在CSS中不可能设置非后代的不同标记。因此，您需要一个Javascript解决方案，可能需要一个库，比如jQuery或AngularJS。别担心，这是有详细记录的，所以谷歌搜索可以解决你的问题。

那么这个标签是如何显示或隐藏的呢？以下是用户交互还是什么？或者你的意思是这个标签可以存在还是不存在？你应该用更多的信息来改进你的问题，也许一个CSS的解决方案是可能的，这取决于你以前的意思和HTML标记使用

visible

选择器怎么样？