如何检查特定类是否存在(html/css)

Question

我使用以下代码应用于两个不同的页面，因为两个页面都使用相同的元素：

.SocialBar {
display: none;
} 

但是我希望代码仅应用于一个页面。在我想要它的页面上，存在以下类：

.PersonalHome-interests.u-mbg

我是否有可能插入.PersonalHome-interest.u-mbg 在带有 Newsticker 的东西上，只让检查行 PersonalHome-interest.u-mbg 是否存在，如果是，那么 Newsticker = display：都不适用？

谢谢。

Answer 1

我对你的问题有点困惑，但假设你在问如何隐藏同时具有类.SocialBar和.PersonalHome-interests的元素，但显示只有类.SocialBar的元素，您需要做的就是将类选择器合并为一个作为.SocialBar.PersonalHome-interests.u-mbg，并将其隐藏。

由于您专门针对具有两个类的元素，因此仅具有两个类之一的元素将不会应用display: none规则(因此它将保持可见(。

这可以从下面看出：

.SocialBar.PersonalHome-interests.u-mbg {
  display: none;
}

<div class="SocialBar">Visible</div>
<div class="SocialBar PersonalHome-interests u-mbg">Hidden</div>

希望这有帮助！ :)