是否有CSS选择器可以根据其内容隐藏元素?

我在wordpress上使用elementor,它们有一个图标列表小部件,可让您显示项目符号指向的列表。不幸的是,它不允许您隐藏不包含文本的列表项,这些文本在页面上留下空白的项目符号。

该元素是li.elementor-icon-list-item,包含“ elementor-icon-list-icon”(项目符号)和“ elementor-icon-list-text”(文本)。我可以使用以下方法隐藏文本:

li.elementor-icon-list-item>.elementor-icon-list-icon {
    display: none !important;
}

但这也删除了项目符号图标。有任何想法吗?

评论