具有特定ID的元素的同级CSS隐藏样式

我试图隐藏带有特定ID的元素后面的同级1和2，我认为代码看起来像：

div[id*="pop_up"] + class{
  display: none !important; 
}

---

但是，这似乎不起作用，我不确定在这个实例中如何确切地使用同级组合。

您的选择器将只隐藏具有指定类的第一个同级。如果要删除第一个兄弟姐妹和第二个兄弟姐妹，则需要以下内容：

div[id*=“弹出”]+。隐藏我，
div[id*=“弹出”]+.隐藏我+.隐藏我{
显示：无！重要；
}

隐藏我
隐藏我
 

选择器将仅隐藏具有指定类的第一个同级。如果要删除第一个兄弟姐妹和第二个兄弟姐妹，则需要以下内容：

div[id*=“弹出”]+。隐藏我，
div[id*=“弹出”]+.隐藏我+.隐藏我{
显示：无！重要；
}

隐藏我
隐藏我
 

我希望下面是您想要的

div#弹出+*，
div#弹出+**{
显示：无；！重要；
}

弹出窗口
兄弟姐妹1
兄弟姐妹2

兄弟3

我希望下面是您想要的

div#弹出+*，
div#弹出+**{
显示：无；！重要；
}

弹出窗口
兄弟姐妹1
兄弟姐妹2

兄弟姐妹3

这太棒了，有没有一种方法可以让我隐藏所有兄弟姐妹而不管他们的职业是什么？这太棒了，有没有一种方法可以让我隐藏所有兄弟姐妹而不管他们的职业是什么？这太棒了，这正是我想要的！还有什么方法可以删除所有的兄弟姐妹吗？

div#弹出*{display:none；！important}

这太棒了，正是我想要的！是否仍要删除所有同级？

div#弹出*{display:none；！important}