CSS 图像过渡

Question

是否真的不可能让 CSS 识别图像 src 的变化并应用正确的过渡，而不会导致我在网上找到的 hacks，例如将几个图像彼此重叠或使用 src 和背景？

这似乎是一个缺陷，因为图像是任何网站的主要元素之一(div、图像、文本)。我的问题是:真的不直接支持它吗？如果不支持，为什么？

Answer 1

这是可能的。您可以创建 CSS 规则以通过某些属性的某些值来匹配元素。这是 CSS 选择器很少使用的功能，但自 CSS 2.1 起就支持它，我什至用过一次——适用于所有浏览器，包括 IE7。您可以在这里阅读更多相关信息:http://www.w3.org/TR/CSS2/selector.html#attribute-selectors

例子:

img[src='one.png'] { ... }
img[src='two.png'] { ... }

现场演示:http://jsfiddle.net/dJJqf/