Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 类css生成显示:自动无_Html_Css - Fatal编程技术网

Html 类css生成显示:自动无

Html 类css生成显示:自动无,html,css,Html,Css,我有一个里面有 带有此类labelSection标签的DIV <DIV class="form-group labelSection"> 和一系列没有标签的其他div <DIV class="form-group questionHidden"> 我想知道,当容器中的所有其他DIV都有questionHidden类时,是否可以创建一个类,将其添加到具有隐藏标签(labelSection)的DIV中 <DIV class="Container">

我有一个里面有 带有此类labelSection标签的DIV

<DIV class="form-group labelSection">

和一系列没有标签的其他div

<DIV class="form-group questionHidden">

我想知道,当容器中的所有其他DIV都有questionHidden类时,是否可以创建一个类,将其添加到具有隐藏标签(labelSection)的DIV中

<DIV class="Container">
        <DIV class="form-group labelSection">to be hidden when all the others are hidden</DIV>

        <DIV class="form-group questionHidden">1</DIV>
        <DIV class="form-group questionHidden">2</DIV>
        <DIV class="form-group">3</DIV>
        <DIV class="form-group questionHidden">4</DIV>

</DIV>

当所有其他的都被隐藏时被隐藏
1.
2.
3.
4.

谢谢,要做到这一点,您需要使用Javascript。仅仅使用css是不可能的

下面是一个工作示例

$(函数(){
$(“.hideDiv”)。在('click',function()上{
$(this.parent().addClass(“questionHidden”);
var-allHidden=true;
$(“.Container.formgroup”).each(函数(){
if($(this).hasClass(“labelSection”)){
返回true;
}
if(!$(this.hasClass(“问题隐藏”)){
所有隐藏=错误;
}
});
如果(全部隐藏){
$(“.labelSection”).hide();
}
});
});
.questionHidden{
显示:无;
}

当所有其他的都被隐藏时被隐藏
1隐藏
2隐藏
3隐藏
4隐藏

No,这是不可能的-CSS不能朝那个方向选择,只能在DOM树中向下和向右移动。您可能需要javascript来归档它。