具有具有特定属性的后代的元素的css选择器。

Question

我正在尝试选择一个具有CSS后代的元素。

基本上，如果我有

<div id="looking_for_this">
  <ul>
    <li>
      <div class="must_have_this_class">text</div>
    </li>
  </ul>
</div>
<div id="looking_for_this_too">
  <ul>
    <li>
      <div class="must_have_this_class">other text</div>
    </li>
  </ul>
</div>

我正在寻找div（我用id标记它们），原因是它们有一个后代，其类为must_have_this_class。

我找到了实验性的伪类:has()，可以使用它：

 div:has(.must_have_this_class) { ... }  

在示例中找到两个div。尽管这是一项实验性功能，但是截至2018年10月，没有浏览器支持它。