如何隐藏指定类div下的h4标题，现有CSS规则不生效该如何解决

问题原因 #

CSS类选择器默认区分大小写，你写的选择器中类名和HTML里的实际类名大小写不匹配：

• HTML里div的类名为 pxSearchField （最后一位F是大写）
• 你写的CSS选择器是 .pxSearchfield （最后一位f是小写）
  二者无法匹配，所以样式规则不生效。

修正方案 #

把选择器的类名改为和HTML完全一致即可，另外你同时设置了visibility: hidden和display: none，二者选其一即可：

• 如果需要隐藏元素但保留它原本占用的页面空间，使用visibility: hidden
• 如果需要完全隐藏元素、不占用任何页面空间，使用display: none

修正后的CSS代码示例（按完全隐藏的需求编写）：

.pxSearchField .lscf-sidebar-heading {
  display: none;
}

内容的提问来源于stack exchange，提问作者zizu89