css наведите курсор на один элемент триггера другой?

Question

Я пытаюсь вызвать ДИВО парение влияет, когда я парю над родительским DIV

<div class="card"> 
    <div class="photo-container"> 

     <img class="card-img-top img-fluid photo" src="img/jay.png" alt="Card image cap"> 
    </div> 
    <div class="card-block"> 
     <h4 class="card-title">Jay Query</h4> 
     <p class="card-text"> 
      Jay is a developer, author of CSS: The Missing Manual, JavaScript &amp; jQuery: The Missing Manual, and web development teacher. 
     </p> 
    </div> 
</div> 

CSS Когда я парить над .card я не буду .photo парить, чтобы быть активными.

.photo { 
    transition: transform .5s; 
    position: relative; 
    overflow: hidden; 

} 

.photo:hover { 
     -moz-transform: scale(1.1); 
    -webkit-transform: scale(1.1); 
    transform: scale(1.1); 
} 

.photo-container{ 
    position: relative; 
    overflow: hidden; 
} 

.card:hover{ 
    //do .photo:hover 
} 

Спасибо

Answer 1

Trigger ребенок парения эффект, как так

.card:hover .photo{ 
    -moz-transform: scale(1.1); 
    -webkit-transform: scale(1.1); 
    transform: scale(1.1); 
} 

Answer 2

Вы не можете вызвать .photo:hover состояние просто парит над родительским элементом, однако вы можете сделать это:

.card:hover .photo { 
    -moz-transform: scale(1.1); 
    -webkit-transform: scale(1.1); 
    transform: scale(1.1); 
} 

Answer 3

Вам просто нужно использовать :hover на t он родитель и дает стилю наведения ребенку.

.card:hover .photo { 
    -moz-transform: scale(1.1); 
    -webkit-transform: scale(1.1); 
    transform: scale(1.1); 
}