问为什么我的代码脚本不能执行这个CSS类？
EN

Stack Overflow用户

提问于 2018-08-06 08:48:37

回答 1查看 47关注 0票数 0

我想知道为什么这个名为"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类之前，它就可以工作了。我做错了什么？

任何帮助都是非常感谢的。

发布于 2018-08-06 09:04:04

您的问题在于您在CSS中使用的选择器。它当前正在查找具有.grow类的元素，然后在该元素中搜索图像子级。例如，如果你给锚点<a>一个类grow -你的CSS就可以工作了。

以下代码是您的PHP代码的正确选择：

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

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

解释为什么这样做:选择器正在搜索一个类为grow的<img>。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51699365

复制

相似问题

问为什么我的代码脚本不能执行这个CSS类？EN