html div 内容全部隐藏,html – 除了单个元素之外,隐藏div中的所有内容？

假设我得到以下结构：

我需要隐藏所有内容,除了div编号2(id =“le-main-id2”class =“le-main-class2”),但是我不能只使用display：none,因为在我的真实代码我得到了40个div来隐藏,所以它可能需要太长时间才会结束.

所以我怎么能隐藏除第二个div之外的所有东西？

像这样的东西

#le-main-id.le-main-class2 { /* visible:yes; all the others: no; */}

#le-main-id { /* visible:no; */}

更新：

我按照答案,但它不起作用.这是我正在尝试的方式：

#lehometemplates > :not (.wpbdp-field-title) {

display: none !important;

}

更新2：

我相信我没有100％提出这个问题,即使目前的答案确实有帮助.让我说清楚一下：

假设这就是我所拥有的：

所以要隐藏所有内容并保持div class =“le-main-class2”我将使用类似……

#le-main-id > :not (.le-main-class2) {

display: none !important;

}

这样对吗？

看,我只是不想首先选择每个父div,如果可能的话.

最后更新

最后成功了,如果我有以下代码：

那我所要做的就是：

.le-main-class .le-main-class111 > :not(.le-main-class2) {

display: none;

}

这样我就会隐藏.le-main-class和.le-main-class111的每个子节点,除了.le-main-class2.