Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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_Css Selectors - Fatal编程技术网

Html 如果特定子元素仅存在CSS,如何显示隐藏元素

Html 如果特定子元素仅存在CSS,如何显示隐藏元素,html,css,css-selectors,Html,Css,Css Selectors,问题:2018年是否有任何CSS构造会使用选择器隐藏div,然后取消隐藏包含特定选择器的div 我是在说这是个骗局 代码是 div{边框:1px纯黑色;文本对齐:中间;宽度:400px} div[id*=“手风琴道具楼层平面图”]:空{显示:无} 计划2 正如我所评论的,这种情况下仍然没有CSS解决方案,因为它与 顺便说一下,我们仍然可以使用一些特定的变通方法来显示/隐藏某些元素: 以下是此特定情况的一个示例: div{ 文本对齐:居中; 宽度:400px } 部门[id*=“手风琴道

问题:2018年是否有任何CSS构造会使用选择器隐藏div,然后取消隐藏包含特定选择器的div


我是在说这是个骗局

代码是

div{边框:1px纯黑色;文本对齐:中间;宽度:400px}
div[id*=“手风琴道具楼层平面图”]:空{显示:无}


计划2
正如我所评论的,这种情况下仍然没有CSS解决方案,因为它与

顺便说一下,我们仍然可以使用一些特定的变通方法来显示/隐藏某些元素:

以下是此特定情况的一个示例:

div{
文本对齐:居中;
宽度:400px
}
部门[id*=“手风琴道具楼层平面图”]{
位置:相对位置;
溢出:隐藏;
背景:
线性梯度(#000,#000)顶部/100%1px,
线性梯度(#000,#000)底部/100%1px;
背景重复:无重复;
右边框:1px实心;
左边框:1px实心;
}
部门[id*=“手风琴道具楼层平面图”]img{
边缘顶部:2倍;
边缘底部:30px;
}
div[id*=“手风琴道具楼层平面图”]>div{
位置:绝对位置;
底部:0;
左:0;
右:0;
}

计划1
计划2
计划3

是的,只有JS可以工作,仍然没有CSS解决方案。即使在2019年,我也不认为会有。可能
:has()
选择器将获得更多支持。@mplungjan删除并更新了我的解决方案以添加边框(我不是向下投票人)