gpt4 book ai didi

jquery - 从可动画属性的 CSS 中排除图像

转载 作者:行者123 更新时间:2023-11-28 02:38:11 25 4
gpt4 key购买 nike

我将以下 CSS 应用于影响背景颜色变化的帖子文章-

 .post-article{   
background: green;
-webkit-animation: mymove 15s;
}
@-webkit-keyframes mymove {
from {background-color: green;}
to {background-color: blue;}
}

现在,这篇文章包含图像,CSS 也影响了图像!我想有选择地排除此图像类(即 .article img )不受此 CSS 的影响。所以,我用了-

.post-article:not(.article img){   
background: green;
-webkit-animation: mymove 15s;
}
@-webkit-keyframes mymove {
from {background-color: green;}
to {background-color: blue;}
}

但是没有发生预期的变化,所有元素继续受到影响。有什么指导方针吗?

缩小版的 HTML;

<html>
<head>
<style>
.post-article { width: 300px;
height: 200px;
background: green;
-webkit-animation: mymove 15s;
}
@-webkit-keyframes mymove {
from {background-color: green;}
to {background-color: blue;}
}


</style>
</head>
<body>

<div id="post-article"></div>

</body>
</html>

最佳答案

在中间添加另一个 div,我认为它应该可以工作:

<div>
<img src="//placehold.it/400x200" />
<div class="post-article">
<p >lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum</p>
</div>
</div>

关于jquery - 从可动画属性的 CSS 中排除图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47312018/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com