有特定子元素的元素的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