在CSS悬停事件上，我可以更改另一个div的样式吗？

Question

在CSS悬停事件上，我可以更改另一个div的样式吗？当我悬停在id为“a”的div或类上时，可以更改div的背景色或id为“b”的类吗？

Answer 1

这不能完全用CSS来完成。这是一种影响页面样式的行为。

使用jQuery，您可以快速实现问题中的行为：

$(function() {
  $('#a').hover(function() {
    $('#b').css('background-color', 'yellow');
  }, function() {
    // on mouseout, reset the background colour
    $('#b').css('background-color', '');
  });});

Answer 2

下面的示例是基于jQuery的，但它可以使用任何JS工具包，甚至是普通的旧JS来实现。

$(document).ready(function(){
     $("#a").mouseover(function(){
         $("#b").css("background-color", "red");
     });});