如果特定元素仅包含CSS的另一个元素，则将其定位

Question

我有以下HTML设置，我只是在class="chosen-with-children"也包含div的情况下尝试使用CSS2或CSS3定位class="children"。不知道怎么解决这个问题？我希望这是可能的。

提前致谢。

1

<div class="wcapf-layered-nav">
    <ul>
        <li class="chosen-with-children">
            <a class="" href=""></a>
        </li>
    </ul>
</div>

2

<div class="wcapf-layered-nav">
    <ul>
        <li class="chosen-with-children">
            <a class="" href=""></a>

            <ul class="children">
                <li class="chosen">
                    <a class="" href=""></a>
                </li>
            </ul>
        </li>
    </ul>
</div>

Answer 1

使用纯CSS不可能像explained here那样。

如果你想使用jQuery，你可以这样做：

name

$(".chosen-with-children").each(function() {
  if($("ul", this).hasClass("children")) {
    $(this).addClass("has-child-class");
  }
})

.chosen-with-children.has-child-class > a {
  color: red;
  font-weight: bold;
}