CSS 用于具有某些子元素的元素？

Question

可能的重复：
是否有 CSS 父选择器？

假设我有这个 html

<div class="house"><span class="zombie"/></div>
<div class="house"><span class="vampire"/></div>
<div class="house"><span class="zombie"/></div>

我怎么能编写一些 CSS 来定位只有“span .vampire”子级的“div .house”？并且“div .house”可能并不总是“span .zombie”的直接父级

Answer 1

你不能。这是 CSS 无法做到的一件事。

jQuery 有 :has() 伪选择器。

Answer 2

仅靠 CSS 是做不到的。不过，您可以使用 jQuery 轻松完成。

$('.house:has(.vampire)').doStuff();

或者

$('.house').has('.vampire').doStuff();