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元素上，但您将悬停分配给a显然位于标签内的img标签，这不是正确的 HTML：

不正确：

<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;}