css - a: どういうわけかホバーが機能しない

Question

私はこのページhttp://seriesaddict.fr/Hunted/772に取り組んでおり、これがあります：

.ficheserie_casting img.style_img, img.style_img a:hover {opacity: 0.7;}
.ficheserie_casting img.style_img, img.style_img a {opacity: 1;}

ホバーが機能しません。理由を教えてください。

Answer 1

要素にカーソルを合わせようとしているように見えますが、明らかにタグ内にあるタグにimgホバーを割り当てていますが、これは正しい HTML ではありません。aimg

正しくない：

<img><a></a></img>

正しい：

<a><img /></a>

CSS を次のように変更します。

.ficheserie_casting img.style_img, img.style_img:hover {opacity: 0.7;}
.ficheserie_casting img.style_img, img.style_img {opacity: 1;}