使用javascript或CSS隐藏特定的H2 id

Question

我们正在寻找Zendesk作为我们的支持网站,但它不是很可定制的.我正在尝试使用他们的小部件功能(可以在javascript或css中创建)从页面中删除特定文本.

我正在尝试在显示页面时隐藏以下h2标记:

<h2 id="search_box">Knowledge Base &amp; Forums</h2>

我试过以下CSS:

.search_box {
    display: none;
}

但它似乎没有用.我不熟悉CSS或javascript,我也不知道这些小部件何时运行,但我认为我在访问页面上的元素方面做错了.

我已经能够使用以下Javascript和CSS代码的组合来隐藏文本,但它没有做我需要的,因为它将隐藏页面中包含文本的任何部分:

使用Javascript:

$j('h2:contains(Knowledge Base & Forums)').addClass('forumtitle');

CSS:

.forumtitle {
    display: none;
}

谢谢你的帮助!

Answer 1

#search_box {
    display: none;
}

.是为了类,#是为了ids