html - 为什么我的代码脚本不执行这个 CSS 类？

Question

我想知道为什么这个名为“grow”的图像弹出类没有执行，即使它在 echo 脚本中被提及。

这是 PHP 代码:

echo "<a href='$file'><img class='grow' src='$file' alt='$filename'></a><br>";

这是 CSS 代码:

.grow img {
    transition:transform 0.25s ease;
}

.grow img:hover {
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
}

在我尝试将其放入 CSS 类之前，它起作用了。我做错了什么？

非常感谢任何帮助。

Answer 1

类名“grow”已经引用了图像。所以没有必要:

.grow img {
     transition:transform 0.25s ease;
}

.grow img:hover {
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
}

改用这个 css

.grow {
     transition:transform 0.25s ease;
}

.grow:hover {
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
}