ホバーでテキストの不透明度を変更するにはどうすればよいですか？

Question

オンhover画像とテキストの不透明度を0.5にしたいと思います。しかし、それはないテキストで、画像のみで作業している：

a:hover { 
 
    opacity: 0.5; 
 
    cursor:pointer; 
 
}

<a> 
 
    <img src="http://agriculture.vic.gov.au/__data/assets/image/0005/182390/rabbit_img1.jpg" style="max-height:90px"> 
 
    <footer class="logo-footer">Matthew <cite>Rabbit</cite></footer> 
 
</a>

Answer 1

<a> 
    <img src="http://agriculture.vic.gov.au/__data/assets/image/0005/182390/rabbit_img1.jpg" style="max-height:90px"> 
    <footer class="logo-footer">Matthew <cite>Rabbit</cite></footer> 
</a> 

body { 
    background: red; 
} 

a:hover { 
    opacity: 0.5; 
    cursor:pointer; 
} 

a:hover footer { 
    opacity: 0.5; 
} 

は、ここでの作業フィドルです。

https://jsfiddle.net/djL0Lwbp/