Css a:悬停不起作用

我正在做这个页面，我有：

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

---

悬停不起作用，谁能告诉我为什么

看起来您试图将鼠标悬停在img元素上，但将鼠标悬停指定给一个a标记，该标记显然位于img标记内，这不是正确的HTML：

不正确：

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

<a><img /></a>

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