Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/date/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
有特定子元素的元素的CSS?_Css_Css Selectors - Fatal编程技术网

有特定子元素的元素的CSS?

有特定子元素的元素的CSS?,css,css-selectors,Css,Css Selectors,可能重复: 假设我有这个html <div class="house"><span class="zombie"/></div> <div class="house"><span class="vampire"/></div> <div class="house"><span class="zombie"/></div> 我怎么能写一点CSS来针对“div.house”,它只有“s

可能重复:

假设我有这个html

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


我怎么能写一点CSS来针对“div.house”,它只有“span.vampire”的孩子?而“div.house”可能并不总是“span.zombie”的直接父对象。

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


jQuery具有您无法实现的功能。这是CSS不能做的一件事


jQuery有一个你不能单独用CSS来实现的功能。但是,使用jQuery可以非常容易地实现

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


单靠CSS是做不到的。但是,使用jQuery可以非常容易地实现

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


因为这当然是个骗局。谢谢@BoltClockCW'ing,因为这当然是个骗局。谢谢@boltclockmably of interest::has()不是那么“层叠”,是反向层叠xD可能是感兴趣的::has()不是那么“层叠”,是反向层叠xD