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