当DIV的第一个实例上有时会出现另一个DIV时，我该如何隐藏它

Question

我有一个仪表板系统。当用户第一次登录到他们的仪表板时，会出现一个div，上面写着"您已登录"；。每隔一次他们访问仪表板时，该div都不存在。

话虽如此，我试图用一个特定的类隐藏div的第一个实例。我只能在"；登录"；div不在那里。当它在那里时，我的代码将无法工作。

这是我的设置：

<div class="my-dashboard">
<div class="logged-in">You've been logged in (this only appears sometimes)</div>
<div class="someClass">I want to hide this always</div>
<div class="container">
<div class="someClass">Never want to hide this</div>
<div class="someClass">Never want to hide this</div>
<div class="someClass">Never want to hide this</div>
</div>
</div>

我一直在努力做到：

.my-dashboard > .someClass:first-of-type{
display: none;
}

当.log类不存在时，这会起作用。当.log类在那里时，它不起作用。

如果我只是这样做：

.my-dashboard .someClass:first-of-type{
display: none;
}

然后它隐藏了我需要的一个，但它也将第一个.someClass隐藏在.contacter.中

最后，除了我的原始代码之外，我不能简单地做以下事情：

.container .someClass{
display: block;
}

因为我隐藏了一些。someClass已经用于其他目的了。

显然，这种设置并不理想，但我没有能力将唯一的类应用于其中任何一个。

Answer 1

您是否尝试为所有.my-dashboard > .someClass元素指定display: none，然后为除第一个元素外的所有someClass元素使用display: block(或您想要的显示级别(：

.my-dashboard > .someClass ~ .someClass

像这里公开的：第一个元素的CSS选择器和类？