一个previus div的CSS选择器

<div class="main"> 
    <div class="content"> 
     <div class="content_hide"> 
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> 
     </div> 
    </div> 
    <div class="sidebar"> 
     <div class="single_sidebar"> 
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p> 
     </div> 
    </div> 
</div>

这是我的HTML代码。当我悬停single_sidebar元素时，我想要样式content_hide div。像一个previus div的CSS选择器

.single_sidebar:hover @@content_hide {background:red}

如何选择content_hide DIV通过CSS当我将鼠标悬停single_sidebar？

来源

2013-08-06 Rasel Ahmed

如果你改变你的标记，以便content_hide DIV来侧边栏格在此之后可以轻松完成 – Danield

http://stackoverflow.com/questions/4502633/how-to-affect-other-elements-when-a-div-is-hovers –

目前在CSS中没有办法做到这一点。也许只有在CSS4 with !。

您将不得不合并JavaScript。

只是作为一个例子，在jQuery的：

$(".single_sidebar").on("mouseenter mouseleave", function(event) { 
    $(this).closest(".main").find(".content_hide").toggleClass("someStyleClass"); 
});

来源

2013-08-06 09:05:04 mishik

这是行得通的。非常感谢。 –

一个previus div的CSS选择器

回答

相关问题