我不能通过CSS在具有不同ID和类的DIV中隐藏元素

我无法使用CSS在DIV中隐藏H2元素，请帮助我。。以下是CSS：

<style>
#block-views-projects-block h2 {
visibility:hidden;
}
</style>

#块视图项目块h2{
可见性：隐藏；
}

这是实际的html代码

<div class="region region-projects">
    <div id="block-views-projects-block" class="block block-views contextual-links-region">
    <h2>PROJECTS</h2>
</div>
</div>

项目

你能给我正确的CSS删除这个H2项目，我不能删除它，因为它是自动生成的。注意：此代码中的DIV具有不同的css ID和类。

试试这个

#block-views-projects-block h2 {
display: none;

}

如果这个不行，你能试试这个吗

#block-views-projects-block h2 {
display: none !important;

---

}

我在小提琴上测试过。它隐藏了

h2

元素。@LayoutPH尝试使用display:none；而不是可见性：隐藏；是的，桑德普。这对我也很有用，这里是JSFiddle：伙计们，谢谢你们的fiddle链接。我认为一定有重叠的CSS命令。