Html 显示与可见性

在我的一页中，我可以有两种情况

第一个，以防未发现任何事件

<div class="mec-wrap mec-skin-list-container" id="mec_skin_1210">
        <div class="mec-skin-list-events-container" id="mec_skin_events_1210">
        No event found!    </div>
</div>

---

有什么建议吗？

display:none…

不起作用，而

visibility:hidden…

起作用，因为

display:none

从页面中删除受影响的元素，而

visibility:hidden

不起作用

由于

display:none

删除包含的div，因此不能要求显示包含的div

从您的代码笔：

---

不幸的是，现代浏览器尚未实现

您可以使用JavaScript或库（如jQuery）而不是CSS轻松地实现这一点。jQuery实现

描述：选择至少包含一个与指定选择器匹配的元素的元素。 表达式

$（“div:has（p）”）

与

匹配，前提是

存在于其子代中的任何位置，而不仅仅是直接子代

$（'.mec skin list events container'）.addClass（“d-none”）；
$（'.mec skin list events container:has（div）'）.addClass（“d-block”）
正文{
颜色：绿色；
字号：1.25em；
字体系列：“Helvetica Neue”，Helvetica，Arial，无衬线；
}
.mec皮肤列表事件容器+div:not（：has（div））{
颜色：黑色；
}
d-无{
显示：无；
}
d区{
显示：块；
}

特洛瓦托事件！

文章在这里
特洛瓦托事件！
你能试着更清楚地解释一下你需要什么吗？嗨，康奈索，很抱歉我的英语不好。我有一个显示事件的插件。div结构是第二个结构。如果没有事件，插件将在第一个div结构中显示“no event founds！”。我没有看到“没有发现事件！”消息。不幸的是，插件没有这个功能，我没有编辑代码，因为在第一次升级时，我丢失了所有的修改。是的，我知道区别，我宁愿使用display:none从stream中删除div谢谢。现在我试试你的solution@SirLancillotto如果问题已解决，请单击答案左侧的绿色复选标记：）
<div class="mec-wrap mec-skin-list-container" id="mec_skin_1210">
      <div class="mec-skin-list-events-container" id="mec_skin_events_1210">
        <div class="mec-wrap colorskin-custom">
    <div class="mec-event-list-minimal">
            <article data-style="" class="mec-event-article mec-clear  mec-divider-toggle mec-toggle-202003-1210" itemscope="">
ARTICLE HERE
    </article>
                        </div>
</div>
        <div class="mec-skin-list-no-events-container" id="mec_skin_events_1210">
        Nessun evento trovato!    </div>
    </div>

.mec-skin-list-events-container {  
visibility:hidden;  
}
.mec-skin-list-events-container > div {
  visibility:visible;
}

.mec-skin-list-events-container {  
  visibility:hidden; 
  /*display:none;*/

}
.mec-skin-list-events-container > div {
  visibility:visible;
  /*display:block;*/  
}