寻找孩子的CSS影响父母
我已经看过/使用过
.linkage:hover ~ .cover
.linkage:hover + .cover
.linkage:hover > .cover
有没有一种会影响.linkage的父项?
前任
<div class = "container">
<div class="linkage"></div>
</div>
的CSS
.linkage:hover ????? .container
您无法做到这一点,但是可以利用jQuery / javascript事件处理程序来做到这一点
$('.linkage').hover(function(e) {
$(this).closest('.container').toggleClass('link-hover', e.type == 'mouseenter')
})
.container.link-hover {
background-color: lightgrey;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="container">
container
<span class="linkage">linkage</span>
</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句