Class 将鼠标悬停在其他css类上时更改类属性

当类“left1_sub”悬停时，我试图给类为“left2”的div一个边界半径

我已经寻找了很多解决方案，但似乎没有什么对我有效

它的html格式： 以及完整的css：

我只是向css3做自我介绍，如果有失败，我很抱歉

---

ben

使用jQuery或类似的工具可以很容易地做到这一点

如果您对使用jQuery感到满意，那么像这样的东西就可以了

首先，在CSS中创建一个具有边界半径的类：

.rounded { border-radius: 5px; /* (or whatever) */ }

然后，在

标记中：

jQuery(document).ready(function($) {
     var obj = $('.left1_sub'),
         target = $('.left2');

     obj.hover(
          //mouse in
         function(){
            target.addClass('rounded');
         //mouse out    
         },function(){
            target.removeClass('rounded');
     });

});

---

使用jQuery或类似的工具可以很容易地完成这项工作

如果您对使用jQuery感到满意，那么像这样的东西就可以了

首先，在CSS中创建一个具有边界半径的类：

.rounded { border-radius: 5px; /* (or whatever) */ }

然后，在

标记中：

jQuery(document).ready(function($) {
     var obj = $('.left1_sub'),
         target = $('.left2');

     obj.hover(
          //mouse in
         function(){
            target.addClass('rounded');
         //mouse out    
         },function(){
            target.removeClass('rounded');
     });

});

---

在问题中，在此处发布您的HTML。请不要期望人们访问您的站点，然后查看源代码以帮助您。让我们更容易帮助你。另外，还有一个或类似的live（）演示（在这里，我们可以看到代码，更重要的是，不必下载和创建我们自己的演示就可以编辑代码，这对获得我们的帮助很有帮助。说真的。请：帮助我们帮助你。在问题中，在这里发布你的HTML。请不要期望人们访问你的网站，然后查看源代码来帮助你。让我们能够轻松地帮助你。另外，一个，或类似的live（）演示（在这里，我们可以看到代码，更重要的是，不必下载和创建我们自己的演示就可以编辑代码，这对获得我们的帮助很有帮助。说真的。请：帮助我们帮助你。关于为什么提供JavaScript作为解决方案的说明：CSS不允许选择OP所要求的类型。CSS只遍历DOM（即，兄弟姐妹和孩子），而不是向上（即，您不能从子元素中选择父元素）。因为OP的HTML需要从包含“left1_sub”的元素中向上转到“left2”，JavaScript或HTML重构对于实现OP的目标是必要的。嘿！thx，作为答案，将尝试这种特殊情况。但我仍然在寻找一种在纯css中实现它的方法，因为我想在更复杂的东西上也使用这种方法。正如@Shauna所说，如果没有HTML重构，纯css就不可能做到这一点嘿！只是看到下面还有其他答案，sry，新加入堆栈：）thx很多，将尝试重新构造。关于为什么提供JavaScript作为解决方案的说明：CSS不允许选择OP所要求的类型。CSS只遍历DOM（即兄弟和子元素），而不遍历DOM（即不能从子元素中选择父元素）。因为OP的HTML需要从包含“left1_sub”的元素中走出来才能到达“left2”，JavaScript或HTML重构对于实现OP的目标是必要的。嘿！thx，作为答案，将尝试这种特殊情况。但我仍然在寻找一种在纯css中实现它的方法，因为我想在更复杂的东西上也使用这种方法。正如@Shauna所说，如果没有HTML重构，纯css就不可能做到这一点嘿！只是看到这里还有其他答案，sry，新加入stack:）thx很多，将尝试重组。