在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");      });});