没有CSS选择器可以做到这一点（[甚至在CSS3中）。CSS中的元素永远不会意识到其父元素，因此您无法这样做
a:parenth1（例如）。他们也不知道自己的兄弟姐妹（在大多数情况下），所以您不能这样做
#container a:hover { }。 基本上，CSS属性只能修改元素及其子元素（它们不能访问父级或同级）。您可以将包含
h1在 中
a，但这也会使您的
h1鼠标悬停。
您将只能使用Javascript来实现此。这看起来像：
$("a.button").hover(function() { $(this).siblings("h1").addClass("your_color_class");}, function() { $(this).siblings("h1").removeClass("your_color_class");});
