我有this小提琴，那里有4张图像。当悬停一个图像时，右边的图像将正确更改其大小，但是当我明确声明我希望所有图像的行为方式相同时，我不明白为什么左边的图像没有以相同的模式运行。
有人可以帮我吗？
这是HTML，小提琴中的CSS
<a href="#" class="social1" ><img src="http://img24.imageshack.us/img24/3221/32845401.png" alt="img1" id="btnSocialStyle" /></a>
<a href="#" class="social2" ><img src="http://img24.imageshack.us/img24/3221/32845401.png" alt="img1" id="btnSocialStyle" /></a>
<a href="#" class="social3" ><img src="http://img24.imageshack.us/img24/3221/32845401.png" alt="img1" id="btnSocialStyle" /></a>
<a href="#" class="social4" ><img src="http://img24.imageshack.us/img24/3221/32845401.png" alt="img1" id="btnSocialStyle" /></a>
最佳答案
您的问题是在给定元素之后，您只能使用“〜”运算符查看元素。据我所知，即使在CSS 3.0中也无法选择向后/向上。这始终需要jQuery / Javascript解决方案。因此，您可能需要处理JS中的悬停事件。
但是我要说的是保持原样，即使没有左手缩放也很好；）