Могу ли я «трансформировать» брата с CSS при наведении?

Question

Мне было интересно, смогу ли я трансформировать объект A, когда я буду парить родного брата B (только с CSS, если это возможно). Это мой код:

<div id="block-1"> 
    <a href="whatever.hml"> 
     <img class="imgZoom" src="image.jpg" height="300"> 
     <div style="height: 86px;" class="caption"> &nbsp;</div> 
     <div class="caption-text"> 
      <h3>Header</h3> 
      <h4>subheader</h4> 
     </div> 
    </a> 
</div> 

.imgZoom только это:

.imgZoom { 
    -webkit-transition: all 0.4s ease; /* Safari and Chrome */ 
    -moz-transition: all 0.4s ease; /* Firefox */ 
    -ms-transition: all 0.4s ease; /* IE 9 */ 
    -o-transition: all 0.4s ease; /* Opera */ 
    transition: all 0.4s ease; 
} 

Я хочу, чтобы навести .Caption-текст и применить преобразование к imgZoom (масштаб), я предполагаю, что это абсолютно возможно, но хорошо, я не в состоянии это сделать. Может ли кто-нибудь помочь мне или хотя бы сказать мне, возможно ли это? Благодарю.

Answer 1

вы можете сделать это, как был упомянуты в комментариях .caption-text:hover + .imgZoom {} но вы должны двигаться IMG правильного элемента ATER вы хотите парить

<div id="block-1"> 
    <a href="whatever.hml"> 
     <div style="height: 86px;" class="caption"> &nbsp;</div> 
     <div class="caption-text"> 
      <h3>Header</h3> 
      <h4>subheader</h4> 
     </div> 
     <img class="imgZoom" src="image.jpg" height="300"> 
    </a> 
</div> 

если вам нужен элемент, чтобы вы заявили, что вам нужно использовать яваскрипт