如何检查特定类是否存在（html/css）？

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

.SocialBar {
display: none;
} 

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

.PersonalHome-interests.u-mbg

我是否有可能在Newsticker上插入.PersonalHome-interests.u-mbg，然后只检查PersonalHome-interests.u-mbg行是否存在，如果存在，则Newsticker=display:none apply

---

谢谢。

我有点不明白你在问什么，但假设你在问如何隐藏同时包含.SocialBar和.PersonalHome兴趣的元素，但显示仅包含该类的元素。SocialBar，你所需要做的就是将类选择器组合成一个.SocialBar.PersonalHome-interests.u-mbg，把它藏起来

因为您专门针对具有两个类的元素，所以只有两个类中的一个类的元素将不会显示：无规则应用于它，因此它将保持可见

这可以从以下几点看出：

.SocialBar.PersonalHome-interests.u-mbg{ 显示：无； } 看得见的

---

顺便说一下，我用的是时尚/触笔。一个好的解决方案是@-moz文档url，但问题是这两个页面的url是相同的，你可以在两个设计之间切换，我只希望在一个视图中进行更改。我对你的要求有点困惑。您想隐藏同时具有.SocialBar和.PersonalHome类的元素，但显示仅具有.SocialBar类的元素？如果您的CSS链接到网页，则会影响该网页，除非您覆盖它。如果您只想在用于多个HTML页面的CSS页面上显示.PersonalHome interests.u-mbg.SocialBar{display:none；}，请执行此操作；很乐意帮忙！一旦您确认这解决了您的问题，请不要忘记单击投票按钮下方的灰色复选框-这将从“未回答问题”队列中删除它，并为提问者和回答问题者授予声誉。你可以在提出任何问题15分钟后这样做。当然，在这样说的时候，你没有义务将我的答案或其他人的答案标记为正确，尽管将问题标记为已解决有助于保持事情顺利进行：