悬停父母更换孩子的孩子

在下一个示例中，我想让事情发生在我的孩子们div上，当我将鼠标悬停在整个父div上时。例如：我想h2和跨度的child1下划线和child2的跨度从颜色（但不是下划线！）改变。悬停父母更换孩子的孩子

这可能与纯CSS？或者我应该考虑使用JQuery？如果是这样，你能帮我在Jquery上开始吗？

  <div class="parent"> 
       <a href="#"> 
        <div class="child1"> 
         <h2>text</h2> 
         <span>text</span> 
        </div> 
        <div class="child2"> 
         <span>text</span> 
        </div> 
       </a> 
      </div>

来源

2014-01-14 Beginner

你取到的CSS/jQuery的的例子，你已经尝试过？你有Google * css悬停吗？ –

这是可能的CSS，你可以针对悬停父母的孩子：

.parent:hover .child1 span, .parent:hover .child1 h2 {text-decoration: underline;} 
.parent:hover .child2 span {color: red;}

FIDDLE

来源

2014-01-14 19:41:41 adeneo

非常感谢！ – Beginner

悬停父母更换孩子的孩子

回答

相关问题