在属于另一个类的div类中隐藏标题

Question

嗨，我有这个div类，并想隐藏它的h4头仅构成另一个类的一部分。我试过了，但是不工作

.pxSearchfield .lscf-sidebar-heading {
visibility: hidden;
display: none;
}

<div class="pxSearchField ng-scope" ng-switch-when="search">
<h4 class="lscf-sidebar-heading ng-binding">Search</h4>
<!-- ngIf: allPostsCount <= 300 && 1 === pluginSettings.generalSettings.instant_search && true !== actionSettings.filtersOnly --><input live-search="" ng-if="allPostsCount <= 300 &amp;&amp; 1 === pluginSettings.generalSettings.instant_search &amp;&amp; true !== actionSettings.filtersOnly" type="text" ng-blur="buildLocationOnBlur()" ng-class="{ 'px-focus' : pxsearch != '' &amp;&amp; pxsearch != undefined }"
ng-model="pxsearch" class="lscf-live-search-input ng-pristine ng-untouched ng-valid ng-scope ng-empty" placeholder="Search" style="">
<!-- end ngIf: allPostsCount <= 300 && 1 === pluginSettings.generalSettings.instant_search && true !== actionSettings.filtersOnly -->
<!-- ngIf: allPostsCount > 300 || 0 === pluginSettings.generalSettings.instant_search || true === actionSettings.filtersOnly  -->
<hr class="silver">
</div>

Answer 1

类名区分大小写。

确保你的css选择器中的类名与html类属性中的类名匹配，例如pxSearchFieldvspxSearchfield

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

<div class="pxSearchField ng-scope" ng-switch-when="search">
<h4 class="lscf-sidebar-heading">Search</h4>
<input placeholder="Search" style="">
<hr class="silver">
</div>