是否真的不可能让 CSS 识别图像 src 的变化并应用正确的过渡，而不会导致我在网上找到的 hacks，例如将几个图像彼此重叠或使用 src 和背景？
这似乎是一个缺陷，因为图像是任何网站的主要元素之一(div、图像、文本)。我的问题是:真的不直接支持它吗？如果不支持，为什么？
最佳答案
这是可能的。 您可以创建 CSS 规则以通过某些属性的某些值来匹配元素。这是 CSS 选择器很少使用的功能，但自 CSS 2.1 起就支持它，我什至用过一次——适用于所有浏览器，包括 IE7。您可以在这里阅读更多相关信息:http://www.w3.org/TR/CSS2/selector.html#attribute-selectors
例子:
img[src='one.png'] { ... }
img[src='two.png'] { ... }
关于CSS 图像过渡，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14029760/