我使用语义UI来设计我的应用。在下拉菜单中，我显示标题，后跟属于标题的项目。当使用语义的“搜索”功能时，它似乎通过添加过滤器类并适当地设置样式来“过滤”非匹配项。
我想应用自定义样式来隐藏标题，如果它引用的所有“项目”都已被过滤掉了。例如......
<div class="menu">
<div class="header" /> <!-- How do I find (and style) this one with css? ... -->
<div class="item filtered"/> <!-- ... as all the items beneath it have a class of 'filtered' -->
<div class="item filtered"/>
<div class="header" /> <!-- but not this one where there is at least one item after it (and before next header) which is not filtered -->
<div class="item filtered"/>
<div class="item "/>
<div class="item filtered"/>
<div class="item "/>
<div class="item filtered"/>
<div class="header" />
<div class="item "/>
<div class="item filtered"/>
<div class="item "/>
<div class="item filtered"/>
<div class="item "/>
</div>
我可以在标题或项目中添加任何新的类名，但我无法更改层次结构，因为它会破坏语义UI样式。语义ui库期望项目/标题以我能说的特定方式。
css选择器或psuedo类都没有帮助。
或者，如果有任何其他方法可以隐藏空项目的标题而不使用css选择器，可以使用语义ui中的开箱即用功能，也可以使用可以使用语义ui搜索功能的javascript，这将非常有用。