影响父母悬停的孩子

Question

寻找影响父母的孩子的CSS

我见过/用过

.linkage:hover ~ .cover 
.linkage:hover + .cover 
.linkage:hover > .cover 

是否会影响.linkage的父级？

离

<div class = "container">
 <div class="linkage"></div>
</div>

CSS

.linkage:hover ????? .container

Answer 1

你不能这样做，但你可以利用jQuery / javascript事件处理程序来做到这一点

＆＃13;

＆＃13;

$('.linkage').hover(function(e) {
  $(this).closest('.container').toggleClass('link-hover', e.type == 'mouseenter')
})

＆＃13;

.container.link-hover {
  background-color: lightgrey;
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;