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

Question

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

.SocialBar {
display: none;
} 

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

.PersonalHome-interests.u-mbg

我是否有可能使用Newsticker插入.PersonalHome-interests.u-mbg而只检查是否存在PersonalHome-interests.u-mbg行，如果存在，那么Newsticker = display：none apply ？

感谢。

Answer 1

我对你提出的问题感到困惑，但假设你问你怎样隐藏 的元素类.SocialBar和.PersonalHome-interests，但显示 仅类<{1}}的元素，您需要做的就是将类选择器合并为一个.SocialBar，然后隐藏它。

因为您专门针对具有这两个类的元素，所以只有两个类之一的元素不会应用.SocialBar.PersonalHome-interests.u-mbg规则（因此它将保持可见）。< / p>

这可以在以下内容中看到：

＆＃13;

＆＃13;

display: none

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

希望这有帮助！ ：）