html - 有没有像:empty which matches if any children have display:none?这样的CSS选择器

Question

正如标题所说，这个片段:

.group {
  width: 100px;
  height: 100px;
  background-color: blue;
}

.group:empty {
  background-color: red;
}

.hideme {
  display: none;
}

<div class="group">
  <div class="hideme">
    hello
  </div>
</div>

未能提供红色背景。是否有 :empty 的替代品，如果任何 child display:none 也匹配？

Answer 1

不幸的是，你不能单独使用 css 来实现它，但你可以使用 jquery 选择器 :visible 代替。