用于选择DIV的CSS选择器（或JavaScript，如果需要的话），其中至少包含一个UL

Question

假设我有一个这样的层次结构：

<div class="first_level">
  <div class="second_level_1">
    <div class="third_level_1">
      <div class="fourth_level_1">
        <ul><li></li><li></li></ul>
      </div>
      <div class="fourth_level_2">
        <div class="fifth_level_1">
        </div>
        <div class="fifth_level_2">
          <ul><li></li><li></li></ul>
        </div>
      </div>
    </div>
  </div>
  <div class="second_level_2">
    <ul><li></li><li></li></ul>
  </div>
</div>

我想选择所有这些div，其中至少包含一个ul 。 因此，在上面的示例代码中，将是divs second_level_2 ， fourth_level_1和fifth_level_2 。

我可以使用哪个CSS选择器获得此结果？

编辑：

如果仅靠CSS无法实现，则可以使用JavaScript建议答案，尽管由于我的实际代码的性质，如果可能的话，我真的想避免这种情况。

jsfiddle

Answer 1

这里有两个选择-都有缺点，但是您可以考虑一下：

您可以使用ul将第二个类手动添加到div中：

<div class="fourth_level_1 div_with_ul_class">

注意：如果您在服务器上使用某些动态语言（例如PHP），则实际上可以很容易地实现它，而无需手动编码。

或者，如果您想保持动态，我建议使用jQuery：

$("div > ul").parent().addClass("div_with_ul_class");

Answer 2

父选择器在CSS中不可用，尽管有很多要求添加它。

jQuery有一个不错的选择器，称为:has ； http://api.jquery.com/has-selector/

$('div:has(ul)');

将是jQuery选择器。