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

Question

  

可能重复：
  Is there a CSS parent selector?

让我说我有这个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() pseudo-selector.

Answer 2

单独使用CSS无法做到这一点。但是你可以很容易地使用jQuery。

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

或

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