Html 类css生成显示:自动无
我有一个里面有 带有此类labelSection标签的DIVHtml 类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">
<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来归档它。