二加的div，一，H2，CSS悬停

我：二加的div，一，H2，CSS悬停

<div class="item"> 
    <div class="thumb"> 
     <a class="clip-link" data-id="17228" href="http://t3.gstatic.com/images?q=tbn:ANd9GcTR6pGMoMUINSzoWyR0J_a1fAR9W0DsMjlOGQ-12W8jFiQmPW6B"> 
      <span class="clip"> 
       <img src="http://t3.gstatic.com/images?q=tbn:ANd9GcTR6pGMoMUINSzoWyR0J_a1fAR9W0DsMjlOGQ-12W8jFiQmPW6B"> 
      </span>       
      <span class="overlay"></span> 
     </a> 
    </div>   
     <div class="data"> 
      <h2 class="entry-title"><a href="http://t3.gstatic.com/images?q=tbn:ANd9GcTR6pGMoMUINSzoWyR0J_a1fAR9W0DsMjlOGQ-12W8jFiQmPW6B" rel="bookmark">my title</a></h2> 

      <p class="entry-meta"> 
       <span class="author vcard"> 
       <a class="author" href="http://t3.gstatic.com/images?q=tbn:ANd9GcTR6pGMoMUINSzoWyR0J_a1fAR9W0DsMjlOGQ-12W8jFiQmPW6B" rel="author">Author</a></span> 
      </p> 
     </div>

用CSS：

.item:hover h2 a { 
color: #B70000; 
} 

a:hover { 
color: #B70000; 
}

例子：http://jsfiddle.net/ebB4p/7/

我想要回 “我的标题” 蓝同时徘徊在作者身上。

来源

2014-01-11 user3114390

这里有什么限制，你不能只是改变html？ – xec

如果没有CSS可以排序了这一点我可以改变的HTML代码。 – user3114390

目前还不清楚你想要什么 –

只是针对a:hover而不是a内item

JSFIDDLE

编辑

新Fiddle

这个目标上.thumb悬停和它的兄弟姐妹.data和向下移动名单到达e a标签这是你的标题

.thumb:hover + .data .entry-title a{ 
    color: #B70000; 
}

来源

2014-01-11 18:16:33 jmore009

，如果我这样做的哈弗不缩略图工作。将鼠标悬停在缩略图上需要显示“我的标题”为红色。 – user3114390

@ user3114390对不起，我没有意识到这就是你想干什么，更新我的回答 – jmore009

@xec会做，现在更新 – jmore009

二加的div，一，H2，CSS悬停

回答

相关问题